在先前选择的复选框的基础上选择复选框

Posted 2023-03-05

【中文标题】在先前选择的复选框的基础上选择复选框

【英文标题】：Select checkboxes on the basis of previously selected checkbox

【发布时间】：2018-02-28 05:43:31

【问题描述】：

问题是，我希望在先前选择的复选框的基础上选择此复选框，例如，如果我选择第一个复选框（具有某些类），那么它应该只选择具有类的复选框在第一个选择的复选框中使用 jquery。

注意：复选框是动态创建的，我们可以根据类来区分。

提前致谢。

<input class='class1' id='id1' value='id1Value' name='checkBoxName[]' type='checkbox'>CheckBox1<br>
<input class='class2' id='id2' value='id6Value' name='checkBoxName[]' type='checkbox'>CheckBox2<br>
<input class='class2' id='id3' value='id2Value' name='checkBoxName[]' type='checkbox'>CheckBox3<br>
<input class='class3' id='id4' value='id7Value' name='checkBoxName[]' type='checkbox'>CheckBox4<br>
<input class='class3' id='id5' value='id3Value' name='checkBoxName[]' type='checkbox'>CheckBox5<br>
<input class='class1' id='id6' value='id4Value' name='checkBoxName[]' type='checkbox'>CheckBox6<br>

就是这样，当我选择 CheckBox1 复选框时，它应该只允许我们选择其类为 class1 的复选框，而不是其他类为 class2 或 class3 或任何其他的复选框。

【问题讨论】：

你应该发布你到目前为止所做的任何代码。

已完成，请查看。提前致谢

同一个id的实例不能超过一个...

@msanford，更改了问题，请检查一次。

但是如果我选中第一个复选框，那么第一个复选框将被选中。需要做什么。它已经存在了

【参考方案1】：

好的，那就给你吧：

$(document).ready(function()
    $(document).find('input[name^="checkBoxName"]').click(function() 
       var class_name = $(this).attr('class');
       $(document).find('input[name^="checkBoxName"]').not('.'+class_name).attr('disabled', $(this).is(':checked'));
    );
);

【讨论】：

太棒了，感谢您的回答，我创建了小提琴，但我不认为它像我一样工作。 link 请检查这个。第一个复选框被选中，它不应该选择所有具有相同类的复选框，但它应该允许我们选择具有该类名的其他复选框。

不完全禁用其他复选框，它不应该让我们只检查其他复选框。

是的，我们可以禁用它，但是当我们取消选中所有复选框时，应该再次启用所有复选框

@SurajKandel，我已经更新了我的答案。立即检查。

欢迎您。乐意效劳。请问我可以投赞成票吗？