通过替换类名来切换禁用/启用复选框

Question

我有一组 5 个复选框，类别设置为“child”。我希望如果我选择一个复选框，其余的复选框就会被禁用。我尝试过以下代码，但它禁用了所有复选框。

if ( !$(this).is ( ":checked" ) ) {
  $(this).removeClass().addClass("hand .parent");
  $(".child").attr ( "disabled" , true );
}

然后即使我尝试添加这个

  $(this).removeAttr ( "disabled" );

，但它仍然禁用所有控件

帮助请！谢谢

Answer 1

你想做这样的事情吗？

在这里查看： http://jsfiddle.net/fEA3Y/

var $cbox = $('.child').change(function() {
    if(this.checked) {
        $cbox.not(this).attr('disabled','disabled');
    } else {
        $cbox.removeAttr('disabled');
    }
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

如果您由于某种原因确实需要切换类，你可以这样做：

http://jsfiddle.net/fEA3Y/2 /

var $cbox = $('.child').change(function() {
    if(this.checked) {
        $(this).toggleClass('child parent');
        $cbox.not(this).attr('disabled','disabled');
    } else {
        $(this).toggleClass('child parent');
        $cbox.removeAttr('disabled');
    }
});​

Answer 2

自从您

$('.child').removeAttr('disabled')

在 .child 上尝试过之后，由于您没有发布完整的代码，因此很难判断 this 的上下文。

另外，您是否在某个地方没有设置 readonly 属性？