Return checkboxes array to php via jquery?

Question

Im trying to send an array of checkboxes (value) to PHP via jquery. How can that be done?

See the following example:

<input type="checkbox" name="option[]" value="0"> Small
<input type="checkbox" name="option[]" value="1"> Medium
<input type="checkbox" name="option[]" value="2"> Large
<input type="checkbox" name="option[]" value="3"> X-Large

<input id="ButtonAdd" type="button" value="Add" />

jQuery code, couldn't get to work:

$("#ButtonAdd").click(function() { 
    var options = $("input:checkbox[name='option[]']");
     $.post("ajax_extras.php", { options:options  },
       function(data)  {
         console.log(data)
    });
});

ajax_extras.php file:

<?php
 print_r($_POST['options']);
?>

you may need to escape the brackets inside the brackets: var options = $("input:checkbox[name='option\\[\\]']"); — Blazemonger
– Blazemonger, Commented Sep 13, 2011 at 19:23

Rafay · Accepted Answer · 2011-09-13 19:24:28Z

1

you need to escape the []

var options = $("input:checkbox[name='option\\[\\]']");

answered Sep 13, 2011 at 19:24

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

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

3 Comments

I'll-Be-Back Over a year ago

Thanks, that work but my browser freeze when it attempting to do ajax or something... I have tried to remove ajax code and it work.. any clue?

Rafay Over a year ago

by freeze you mean freeze and then unfreeze or just freezes and then craches? may be you are handling a lot of data?

I'll-Be-Back Over a year ago

The data is only print_r($_POST['options']); and only few tickboxes

Joel A. Villarreal Bertoldi · Accepted Answer · 2011-09-13 19:16:01Z

0

Add a class attribute to the checkboxes and do instead:


$("#ButtonAdd").click(function() { 
    var options = $("input[type=checkbox].checks");
     $.post("ajax_extras_add_extras.php", { options:options  },
       function(data)  {
         console.log(data)
    });
});

answered Sep 13, 2011 at 19:16

Joel A. Villarreal Bertoldi

8,0478 gold badges37 silver badges51 bronze badges

2 Comments

I'll-Be-Back Over a year ago

I dont think input[type=checkbox].checkk would work because I have couple of tickboxes that is not belong with option[] name. I only want to send data to php that has option[] name

Joel A. Villarreal Bertoldi Over a year ago

Then you place the class wherever you see fit, that's up to you.

Collectives™ on Stack Overflow

Return checkboxes array to php via jquery?

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related