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

Question

问题是，我希望在先前选择的复选框的基础上选择此复选框，例如，如果我选择第一个复选框（具有某些类），那么它应该只选择具有类的复选框在第一个选择的复选框中使用 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 或任何其他的复选框。

Answer 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'));
    });
});