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

Question

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

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

然后我什至尝试添加这个

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

但它仍然禁用所有控件

帮助PLZ！谢谢

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某处设置属性？