如何在 jQuery 中创建具有 <input type="checkbox"> 的所有 id 的数组？

Question

以下是我的 HTML 代码：

<!-- Following is the code for parent checkbox-->
<input id="ckbCheckAll" class="custom-check ez-hide" type="checkbox" name=""></input>
<!-- Following is the code for child checkboxes-->
<input id="practice_6_191" class="custom-check ez-hide" type="checkbox" onchange="enable_text_boxes('practice_6_191')" value="191" name="practice_topics_6[]"></input>
<input id="practice_6_190" class="custom-check ez-hide" type="checkbox" onchange="enable_text_boxes('practice_6_190')" value="190" name="practice_topics_6[]"></input>
<input id="practice_6_191" class="custom-check ez-hide" type="checkbox" onchange="enable_text_boxes('practice_6_191')" value="191" name="practice_topics_6[]"></input>
<input id="practice_6_192" class="custom-check ez-hide" type="checkbox" onchange="enable_text_boxes('practice_6_192')" value="192" name="practice_topics_6[]"></input>
<input id="practice_6_193" class="custom-check ez-hide" type="checkbox" onchange="enable_text_boxes('practice_6_193')" value="193" name="practice_topics_6[]"></input>
<input id="practice_6_195" class="custom-check ez-hide" type="checkbox" onchange="enable_text_boxes('practice_6_195')" value="195" name="practice_topics_6[]"></input>
<input id="practice_6_196" class="custom-check ez-hide" type="checkbox" onchange="enable_text_boxes('practice_6_196')" value="196" name="practice_topics_6[]"></input>

现在我想创建一个上述<input type="checkbox"> HTML 元素的 id 数组，并在父复选框的单击事件上使用 foreach 循环访问该数组。

也就是说，当父复选框被选中时，所有子复选框也应该被选中，当父复选框被取消选中时，所有子复选框也应该被取消选中。

当用户一一检查所有子复选框时，父复选框也应该被选中，当用户取消选中任何子复选框时，父复选框也应该被取消选中。

在这方面你能帮我吗？

另外，更重要的一件事是我不想在类选择器的帮助下访问子复选框，即 class="custom-check" 或 class="ez-hide" 因为这些类对所有子复选框。我想创建一个数组，然后在我的代码中访问这个数组。提前致谢。

Answer 1

使用.map()

var id_checkboxes = $('input[type="checkbox"]').map(function () {
    return this.id;
}).get();