Trying to submit multiple checkbox values via ajax (jQuery)

Question

I have a page with multiple checkboxes. I need to select all and submit via ajax.

function SelectedContactsMult(actMult) {    
    var data = { "delCont[]" : [] };
    $(".chkbx").each(function() {
        data["delCont[]"].push($(this).val());
    });     
    $.post("ajax.php?op="+actMult, data);
}

I get to my ajax page OK but I don't think I get any values... What am I missing here?

Rafay · Accepted Answer · 2011-09-17 23:19:45Z

3

var arr=[];

$.each($("input[type='checkbox']"),function(){
    arr.push($(this).val());
});

    $.post("ajax.php?op="+actMult, {data:arr});

answered Sep 17, 2011 at 23:19

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

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

Comments

tvanfosson · Accepted Answer · 2011-09-17 23:20:29Z

1

Let's assume that you have actual checkbox inputs such as:

<input type="checkbox" name="delCont[0]" class="chkbox" /> Choice 1
<input type="checkbox" name="delCont[1]" class="chkbox" /> Choice 2
...

You can then serialize them as:

function SelectedContactsMult(actMult) {        
    $.post("ajax.php?op="+actMult, $('.chkbox').serialize() );
}

Note it's important that each of the checkboxes include the "id" of the choice, since unchecked checkboxes won't be posted back and you'll need to be able to distinguish which checkboxes are checked. The names could be related to the choice, not a generic "array" notation, but it's important to know which ones, not just that some number have been selected.

answered Sep 17, 2011 at 23:20

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Collectives™ on Stack Overflow

Trying to submit multiple checkbox values via ajax (jQuery)

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related