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

Question

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

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');
    }
});​