防止檢查複選框是否設置爲禁用

Question

首先我在這裏有一行代碼，用於在每次td單擊時檢查複選框。我將其他複選框設置爲禁用。如果在點擊td時將其設置爲禁用，則不需要檢查該複選框。

這裏的工作小提琴http://jsfiddle.net/qcC5h/1/

<table> 
    <tr><td>click me</td><td>no toggles</td><td><input type='checkbox' disabled/></td></tr> 
    <tr><td>click me</td><td>no toggles</td><td><input type='checkbox' disabled/></td></tr> 
</table> 

<script> 
$("td").click(function(e) { 
    var checkbox = $(':checkbox', $(this).parent()).get(0); 
    var checked = checkbox.checked; 
    if (checked == false) checkbox.checked = true; 
    else checkbox.checked = false; 
}); 
</script> 

Answer 1

您可以使用複選框disabled財產。

使用

var checkbox = $(':checkbox', $(this).parent()).get(0); 
if(checkbox.disabled) //If checkbox is disable do nothing and return 
    return; 

DEMO

另外

var checked = checkbox.checked; 
if (checked == false) checkbox.checked = true; 
else checkbox.checked = false; 

上述代碼可以簡化爲

checkbox.checked = !checkbox.checked;