how to select several input values in an array using jquery

Question

I have a HTML doc like this

<div>
     <span>checkbox 1 : </span><input type="checkbox" value="12" />
     <span>checkbox 2 : </span><input type="checkbox" value="23" />
     <span>checkbox 3 : </span><input type="checkbox" value="38" />
     <span>checkbox 4 : </span><input type="checkbox" value="49" />
</div>
<input type="submit" value="Make" onclick="do_it()" />

I want to have an array which contains values of checked checkbox inputs.

for example if checkbox 1 and checkbox 3 are checked I need this array = [12,38].

I have tried several ideas with Javascript and JQuery but I couldn't fix it :(

Where are you stuck? Were you not able to select the inputs? If you were, were you not able to filter down to the checked ones? If you were, were you not able to get the values? If you were, were you not able to build an Array? — the system
– the system, Commented Mar 5, 2013 at 19:27

Ram · Accepted Answer · 2013-03-05 19:26:39Z

4

var arr = $('input[type=checkbox]:checked').map(function(){
       return this.value;
}).get();

answered Mar 5, 2013 at 19:26

Ram

145k16 gold badges174 silver badges201 bronze badges

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

Comments

Lowkase · Accepted Answer · 2013-03-05 19:35:13Z

-1

Another alternative, but not as dry as undefineds:

http://jsfiddle.net/KTR9r/1/

<div>
     <span>checkbox 1 : </span><input type="checkbox" value="12" />
     <span>checkbox 2 : </span><input type="checkbox" value="23" />
     <span>checkbox 3 : </span><input type="checkbox" value="38" />
     <span>checkbox 4 : </span><input type="checkbox" value="49" />
</div>
<input id="my_submit" type="submit" value="Make" />

$("#my_submit").click(function() {

    var my_array = [];

    $("input:checkbox" ).each(function() {
        if( $(this).prop('checked') ){
            my_array.push( $(this).val() );
        }
    });    

    console.log(my_array);

});

answered Mar 5, 2013 at 19:35

Lowkase

5,6992 gold badges34 silver badges48 bronze badges

Collectives™ on Stack Overflow

how to select several input values in an array using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related