Storing selected checkboxes into an array jQuery [duplicate]

Question

How do I take only the selected checkboxes and store them into an array when the button is clicked?

This is the code I currently have. It is not finished because I'm not sure what to do as I am new to 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>

Kiran · Accepted Answer · 2014-10-21 16:39:42Z

1

Try this:

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

answered Oct 21, 2014 at 16:39

Kiran

20.3k11 gold badges72 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Liondancer Over a year ago

This code does not display any error but when I add console.log(configs) in the click function. Nothing is displayed after the click. Typing in configs in the developer tools it get a message saying it is not defined. I am not sure how to test is my code is working as I am pretty new to JS/jQuery jsfiddle.net/liondancer/gwrermga

Kiran Over a year ago

@Liondancer: Updated fiddle with code bro. jsfiddle.net/kunknown/gwrermga/1

Collectives™ on Stack Overflow

Storing selected checkboxes into an array jQuery [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related