簡體   English   中英

jQuery啟用/禁用復選框

[英]jQuery enabling/disabling checkbox

jsFiddle: http : //jsfiddle.net/KUcrm/

我有以下代碼:

的HTML

<input id="Check1" type="checkbox" name="ckbRG" tabindex="1" checked /><label for="Check1"> Check1</label><br />
<input name="txt1" type="text" maxlength="10" id="txt1" tabindex="2" />
<br /><br /><br />
<input id="Check2" type="checkbox" name="ckbNome" tabindex="3" checked /><label for="Check2"> Check2</label><br />
<input name="txt2" type="text" maxlength="10" id="txt2" tabindex="2" />

jQuery的

$("#Check1").click(function() {
    if ($("#Check1").attr("checked")) {
        $("#txt1").removeAttr("disabled");
    } else {
        $("#txt1").attr("disabled", "disabled");
    }
});


$("#Check2").click(function() {
     if ($("#Check2").attr("checked")) {
         $("#txt2").removeAttr("disabled");
     } else {
         $("#txt2").attr("disabled", "disabled");
     }
    $("#Check1").click();
});

通過選擇Check2,還應該選擇Check1,但是顯然在Check1更改狀態(標記/未標記)之前,Ckeck1上的click事件會運行。 然后,當選中Check1時,txt1關閉,而未選中時,txt1打開。

您應該使用.change而不是click。 復選框更改時將觸發。

我想你要:

$("#Check1").click().triggerHandler('click');

http://jsfiddle.net/KUcrm/3/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM