将选中的复选框存储到数组jQuery中

Question

单击按钮时，如何仅选中所选复选框并将其存储到数组中？

这是我目前的代码。它还没有完成，因为我不知道该怎么做，因为我是jQuery的新手

$(document).ready(function() {
    // code
    var configs = [];
    var testPages = [];

    $("button").click(function(){
        $(".testpages")....
        $(".configs").....
    })
});

HTML：

<form>
  <div class="test">
    <input id="1" type="checkbox" value="val1">a<br>
    <input id="2" type="checkbox" value="val2">b<br>
    <input id="3" type="checkbox" value="val3">c<br>
  </div>
  <div class="config">
    <input id="10" type="checkbox" value="val10">a1<br>
    <input id="11" type="checkbox" value="val11">a2<br>
    <input id="12" type="checkbox" value="val12">a3<br>
  </div>
</form>
<button type="button">submit</button>

Answer 1

试试这个：

$("button").click(function(){
        $('.test input:checked').each(function() {
           testPages.push($(this).attr('id'));
       });
       $('.config input:checked').each(function() {
           configs.push($(this).attr('id'));
       });
});