Jquery 单个复选框更新多个复选框的状态

我有一组复选框，其中一个有“无”的标签。 勾选此选项后，我希望禁用其他选项。如果未选中“无”复选框，则已禁用的复选框将再次启用

我有以下代码：

 $(document).ready(function(){
 $("#select_none").click(function() 
 {
 $('#select_blue').attr('disabled', true);
 $('#select_green').attr('disabled', true);
 $('#select_red').attr('disabled', true);
 $('#select_black').attr('disabled', true);     
 $('#select_white').attr('disabled', true);
 $('#select_yellow').attr('disabled', true);
 $('#select_pink).attr('disabled', true);

 });
});

这只是禁用复选框，如果已单击，它不会切换

有人能帮我使用切换功能吗？

您可以使用

当你在它的时候，你也可以考虑给你的<代码>选择> < /代码>复选框一个普通的类，允许你做<代码> $（'颜色选择'）。代码>

您可以使用

当你在它的时候，你也可以考虑给你的<代码>选择> < /代码>复选框一个普通的类，允许你做<代码> $（'颜色选择'）。代码>

可以尝试以下方法：

$(document).ready(function(){
 $("#select_none").click(function() 
 {
 $('#select_blue').attr('disabled', $("#select_none").attr('checked'));
 $('#select_green').attr('disabled', $("#select_none").attr('checked'));
 $('#select_red').attr('disabled', $("#select_none").attr('checked'));
 $('#select_black').attr('disabled', $("#select_none").attr('checked'));     
 $('#select_white').attr('disabled', $("#select_none").attr('checked'));
 $('#select_yellow').attr('disabled', $("#select_none").attr('checked'));
 $('#select_pink).attr('disabled', $("#select_none").attr('checked'));

 });
});

如果不起作用，请检查是否选中了select_none。如果为true，请将所有这些复选框设置为disabled（禁用），就像您已经做的那样。如果为false，请删除“disabled”属性。

可以尝试以下操作：

$(document).ready(function(){
 $("#select_none").click(function() 
 {
 $('#select_blue').attr('disabled', $("#select_none").attr('checked'));
 $('#select_green').attr('disabled', $("#select_none").attr('checked'));
 $('#select_red').attr('disabled', $("#select_none").attr('checked'));
 $('#select_black').attr('disabled', $("#select_none").attr('checked'));     
 $('#select_white').attr('disabled', $("#select_none").attr('checked'));
 $('#select_yellow').attr('disabled', $("#select_none").attr('checked'));
 $('#select_pink).attr('disabled', $("#select_none").attr('checked'));

 });
});

如果不起作用，请检查是否选中了select_none。如果为true，请将所有这些复选框设置为disabled（禁用），就像您已经做的那样。如果为false，请删除“disabled”属性。

尝试此代码

$(document).ready(function(){
 $("#select_none").click(function() 
 {
     if(this.checked) {
     $('#select_blue').attr('disabled', true);
     $('#select_green').attr('disabled', true);
     $('#select_red').attr('disabled', true);
     $('#select_black').attr('disabled', true);     
     $('#select_white').attr('disabled', true);
     $('#select_yellow').attr('disabled', true);
     $('#select_pink').attr('disabled', true);
     }else {
      $('#select_blue').removeAttr('disabled');
     $('#select_green').removeAttr('disabled');
     $('#select_red').removeAttr('disabled');
     $('#select_black').removeAttr('disabled');    
     $('#select_white').removeAttr('disabled');
     $('#select_yellow').removeAttr('disabled');
     $('#select_pink').removeAttr('disabled');
     }

 });
});

试试这个代码

$(document).ready(function(){
 $("#select_none").click(function() 
 {
     if(this.checked) {
     $('#select_blue').attr('disabled', true);
     $('#select_green').attr('disabled', true);
     $('#select_red').attr('disabled', true);
     $('#select_black').attr('disabled', true);     
     $('#select_white').attr('disabled', true);
     $('#select_yellow').attr('disabled', true);
     $('#select_pink').attr('disabled', true);
     }else {
      $('#select_blue').removeAttr('disabled');
     $('#select_green').removeAttr('disabled');
     $('#select_red').removeAttr('disabled');
     $('#select_black').removeAttr('disabled');    
     $('#select_white').removeAttr('disabled');
     $('#select_yellow').removeAttr('disabled');
     $('#select_pink').removeAttr('disabled');
     }

 });
});

---

还请检查您的代码，您在select_pink结尾处缺少一个结束语：还请检查您的代码，您在select_pink结尾处缺少一个结束语：@OP，是否还希望它取消选中您正在禁用的框？@OP，是否还希望它取消选中您正在禁用的框？