仅在组类型多选下拉列表中选择组内的所有复选框

Question

当我选择所有选项时，只检查那些选项，这些选项属于一个组。 就像我选择全选，然后只选择Apple，Pear，Orange。

<select title="Fruits" multiple="multiple" id="fruits" name="fruits[]">
        <opt-group label="ABC" class="fruit">
                <option label="All" value=""> Select All</option>
                <option label="apple" value="1">Apple</option>
                <option label="pear" value="2">Pear</option>
                <option label="orange" value="3">Orange</option>
      </opt-group>
            <opt-group label="Cd" class="berries">
                <option label="All" value="">Select All</option>
                <option label="strawberry" value="4">Strawberry</option>
                <option label="raspberry" value="5">Raspberry</option>
                <option label="blueberry" value="6">Blueberry</option>

Answer 1

如果你想要返回opt-group内的所有项目，你只需要使用这样的选择器：

 $("opt-group option")

OR

 $("opt-group").children().find("option")

无论是否被选中，它都将返回option标记内的所有opt-group。当您在option标记内嵌套opt-group标记时，第二个适用。