防止检查复选框是否设置为禁用

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;