convert an array of checkbox values to a list

Question

I'm trying to retrieve a group of checkbox values, store into an array, and then use that array in my ajax data parameter.

I am getting an error back from my page stating that the data is not in the correct format. It needs to be an ienumerable.

Here is what I have so far:

    var years = new Array();
    $("#years input:checkbox[name=type]:checked").each(function() {
        if (checked == true) {
            years.push($(this).attr('name') + "=" + $(this).val());
        }
    });

    var ajaxData = years;

    $.ajax({
        type: "POST",
        url: url,
        dataType: "json",
        data: ajaxData
    });

How can I convert the array to a list-like format?

Thanks!

What is that variable checked doing? Also, shouldn't that statement always return true since you're only selecting "checked" checkboxes? — tymeJV
– tymeJV, Commented Apr 29, 2013 at 16:47

Justin Bicknell · Accepted Answer · 2013-04-29 16:56:29Z

1

As tymeJV mentioned in the comment, you do not need to check if the checkbox is checked since you are already selecting those that are checked, so just do the following:

var years = new Array();
$("#years input:checkbox[name=type]:checked").each(function() {
   years.push($(this).attr('name') + '=' + $(this).val());
});

You should probably give your array a name:

var ajaxData = {
    years:years
};
$.ajax({
        type: "POST",
        url: url,
        dataType: "json",
        data: ajaxData
    });

Than from your server, you can grab the post variable named "years" containing the array.

edited Apr 29, 2013 at 16:56

answered Apr 29, 2013 at 16:49

Justin Bicknell

4,81620 silver badges27 bronze badges

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

2 Comments

SkyeBoniwell Over a year ago

What does years:years do? I'm not quite how that statment works. Thanks

Justin Bicknell Over a year ago

The jquery ajax data attribute is supposed to be a PlainObject or String, not an array. But your object can contain an array, so in this case the object contains an array called years

palaѕн · Accepted Answer · 2013-04-29 16:47:31Z

1

Try this:

var years = [];

$("#years input:checkbox[name=type]:checked").each(function () {
    years.push({
        name: $(this).attr('name'),
        val: $(this).val()
    });
});

var ajaxData = years;

answered Apr 29, 2013 at 16:47

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Comments

What have you tried · Accepted Answer · 2013-04-29 16:55:17Z

1

Use JSON:

    var years = {
        theYears: []
    };

       var years = new Array();
        $("#years input:checkbox[name=type]:checked").each(function() {
            if (checked == true) {
                theYears.push({
                    "name" : $(this).attr("name"), 
                    "value" : + $(this).val()});
            }
        });


   var ajaxData = theYears;

    $.ajax({
        type: "POST",
        url: url,
        dataType: "json",
        data: ajaxData
    });

edited Apr 29, 2013 at 16:55

answered Apr 29, 2013 at 16:47

What have you tried

11.2k4 gold badges35 silver badges45 bronze badges

Collectives™ on Stack Overflow

convert an array of checkbox values to a list

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related