Javascript 通过替换类名切换禁用/启用复选框
我有一组5个复选框,其中类设置为“child”。我想,如果我选中一个复选框,其余的将被禁用。我尝试了以下代码,但它禁用了所有复选框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" ); 但它仍然
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');
}
});