如何禁用和取消选中复选框上的复选框？

Question

我有禁用行中的所有复选框，并作为托运标志着他们一个jQuery脚本：

$(function() { 
    enable_cb(); 
    $("#group1").click(enable_cb); 
}); 

function enable_cb() { 
    if (this.checked) { 
    $("input.group1").attr("disabled", true); 
    $("input.group1").attr("checked", true); 
    } else { 
    $("input.group1").removeAttr("disabled","checked"); 

    } 
} 

这是我拨弄HTML：http://jsfiddle.net/3fksv/16/

我想要的复选框的其余部分以显示活动再次，取消选中复选框取消选中。我在脚本中做了什么错误？

Answer 1

我不认为你可以一次删除两个属性。您可能需要使用两次调用removeAttr()功能 -

$("input.group1").removeAttr("disabled"); 
$("input.group1").removeAttr("checked"); 

由于@nickf正确提到的，这些命令也可以链接 -

$("input.group1").removeAttr("disabled").removeAttr("checked"); 

Answer 2

checked和disabled的特性，在jQuery 1.6的修改应使用prop方法代替attr。

function enable_cb() { 
    $("input.group1") 
     .prop("disabled", this.checked) 
     .prop("checked", this.checked); 
} 

http://jsfiddle.net/JeqE5/

Answer 3

DEMO：http://jsfiddle.net/3fksv/18/

function enable_cb() { 
    if (this.checked) { 
     $("input.group1").attr("disabled", 'disabled'); 
     $("input.group1").attr("checked", 'checked'); 
    } else { 
     $("input.group1").removeAttr("disabled","checked"); 
    } 
} 

$(function() { 
    $("input.group1").attr("disabled", 'disabled'); 
    $("input.group1").attr("checked", 'checked'); 
    $("#group1").click(enable_cb); 
});