Assigning values from checked elements to an Array

Question

I'm attempting to place the values of checked checkboxes into an array so I will be able to use these values to build a custom SQL statement to be run against a database.

Think of it as a Select Query Builder for non-tech people.

I can't seem to place these values into an array though. Any tips would be welcome.

Sample HTML:

<input type="checkbox" value="cat">Cat<br>
<input type="checkbox" value="dog">Dog<br>
<input type="checkbox" value="turtle">Turtle<br>
<input type="text" id="demo" hidden>
<input id="button" type="submit" value="Submit">

Sample JQuery:

$(document).ready(function(){
    $("#button").click(function(){
        var i;
        var x = $(":checkbox:checked").toArray()
        for (i = 0; I < x.length; i++) {
            $("#demo").append(x.[i] + ", ");
        }
    });
});

score 0 · Accepted Answer · answered Jun 23 '15 at 14:43

0

Use .map() in jquery. Translate all items in an array or object to new array of items.

var x = $("input[type=checkbox]:checked").map(function() {
     return this.value;
}).get();
$("#demo").val(x.join(", "));

Sample jsfiddle

answered Jun 23 '15 at 14:43

Sudharsan S

15,336
3
31
49

Thanks! You live up to your name. – Diogenes Jun 23 '15 at 14:50
@Diogenes - Glad it helps. – Sudharsan S Jun 23 '15 at 14:51

Assigning values from checked elements to an Array

1 Answers1