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

Javascript 通过替换类名切换禁用/启用复选框,javascript,jquery,checkbox,toggleclass,Javascript,Jquery,Checkbox,Toggleclass,我有一组5个复选框,其中类设置为“child”。我想,如果我选中一个复选框,其余的将被禁用。我尝试了以下代码,但它禁用了所有复选框 if ( !$(this).is ( ":checked" ) ) { $(this).removeClass().addClass("hand .parent"); $(".child").attr ( "disabled" , true ); } 然后我也试着加上这个 $(this).removeAttr ( "disabled" ); 但它仍然

我有一组5个复选框,其中类设置为“child”。我想,如果我选中一个复选框,其余的将被禁用。我尝试了以下代码,但它禁用了所有复选框

if ( !$(this).is ( ":checked" ) ) {
  $(this).removeClass().addClass("hand .parent");
  $(".child").attr ( "disabled" , true );
}
然后我也试着加上这个

  $(this).removeAttr ( "disabled" );
但它仍然禁用所有控件

救命啊!谢谢你做了什么

$('.child').removeAttr('disabled')
由于您在
.child
上进行了尝试,因此很难说出
的上下文,因为您没有发布完整的代码


另外,您是否在某个地方没有设置
只读属性?

您是否正在尝试这样做

在这里查看:

如果出于某种原因确实需要切换类,可以执行以下操作:


+1.不知道您可以分配这样的变量并在事件中使用它。是的,因为jQuery对象中返回的匹配元素集在处理程序中是必需的,所以缓存该集是一种快速简便的方法,而不是每次都重新获取它。这与执行
var$cbox=$('.child')相同在一行上,然后在下一行上
$cbox.change(func…
),并引用内部相同的集合。@Jabran-这仍然有效吗?我想我已经注意到你已经接受了这个答案。如果有问题,请告诉我。:o)我已经使用了第一个代码框,它按照我的需要工作得很好。非常感谢你的帮助。@Jabran-很高兴它起作用了。请记住通过单击答案左侧的复选框来“接受”该答案:o) 在我看来,你似乎想要单选按钮,而不是复选框。不,我确实想使用复选框。干杯
var $cbox = $('.child').change(function() {
    if(this.checked) {
        $cbox.not(this).attr('disabled','disabled');
    } else {
        $cbox.removeAttr('disabled');
    }
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
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');
    }
});​