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

【问题标题】：Toggle disable/enable checkbox by replacing class name通过替换类名来切换禁用/启用复选框
【发布时间】：2010-08-28 00:37:04
【问题描述】：

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

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

然后我什至尝试添加这个

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

但它仍然禁用所有控件

请帮助！谢谢

【问题讨论】：

听起来好像你想要单选按钮，而不是复选框。
不，我确实想使用复选框。欢呼

标签： javascript jquery checkbox toggleclass

【解决方案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');
    }
});

【讨论】：

+1。不知道您可以分配这样的变量并在事件中使用它。
是的，因为在处理程序中需要在 jQuery 对象中返回的匹配元素集，所以这是一种快速简单的方法来缓存集合而不是每次都重新获取它。这与在一行执行var $cbox = $('.child');，然后在下一行执行$cbox.change( func... 并在内部引用相同的集合相同。
@Jabran - 这仍然有效吗？我以为我注意到你已经接受了这个答案。如果有问题，请告诉我。 :o)
我已经使用了第一盒代码，它运行得很好，正如我所需要的那样。非常感谢您的帮助。
@Jabran - 很高兴它成功了。请记住通过单击其左侧的复选框来“接受”此答案。 :o)

【解决方案2】：

你做了吗

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

由于您在 .child 上进行了尝试，因此很难说出 this 的上下文，因为您没有发布完整的代码。

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

【讨论】：