Question

我问过如何按值选择更多复选框，并且效果很好。在这里看到问题：Select more checkbox by value or id 但是现在我想知道如果我有2个divverenti div你是否可以选择这些复选框，这是一个例子：

$("button").click()

我希望切换只选择<div class="checkbox_option1"> <div class="icheckbox" style="position: relative;"> <input class="checkbox_filter" type="checkbox" id="ffQHb" value="Italy"> <input class="checkbox_filter" type="checkbox" id="ffQrt" value="Germany"> <input class="checkbox_filter" type="checkbox" id="ffQzx" value="France"> </div> </div> <div class="checkbox_option2"> <div class="icheckbox" style="position: relative;"> <input class="checkbox_filter" type="checkbox" id="ffQHb" value="Italy"> <input class="checkbox_filter" type="checkbox" id="ffQrt" value="Germany"> <input class="checkbox_filter" type="checkbox" id="ffQzx" value="France"> <input class="checkbox_filter" type="checkbox" id="ffQzx" value="France"> </div> </div>可能的那些？非常感谢

Answer 1

查看jQuery子选择器，我认为它将是有用的：https://api.jquery.com/child-selector/

建立对先前问题的解决方案，您将使用以下内容：

var check_germany = $(".checkbox_option2 > input:checkbox[value=Germany]");

Answer 2

是的，使用亲子选择器（使用>），如果他们是直接的孩子，如：

$("div.checkbox_option2 > input:checkbox[value=Germany]")...

或者只是一个空间（），如果他们是孩子或孩子的孩子......等等：

$("div.checkbox_option2 input:checkbox[value=Germany]")...

在你的情况下，第二个将起作用。

有关CSS选择器的更多信息here。

在不同的div上按值选择更多复选框

2 个答案: