How to send the values of an array of checkboxes through Ajax using jQuery?
Solution 1
This worked fine for me
<input type="checkbox" class="ids" name="ids[]" value="2">
<input type="checkbox" class="ids" name="ids[]" value="3">
<input type="checkbox" class="ids" name="ids[]" value="4">
<input type="checkbox" class="ids" name="ids[]" value="5">
<input type="checkbox" class="ids" name="ids[]" value="6">
<div id="response"></div>
<button id="submit">Submit</button>
<script>
$('#submit').click(function() {
$.ajax({
url: "stub.php",
type: "post",
data: $('.ids:checked').serialize(),
success: function(data) {
$('#response').html(data);
}
});
});
</script>
Then on stub.php
var_dump($_POST);
Solution 2
Why don't you send the id's as comma separated string. You can split it on server side and apply the logic associated with it..
var ids = [];
$('.ids:checked').each(function(i, e) {
ids.push($(this).val());
});
$.ajax({
url: "stub",
type: "post",
dataType: "json",
data: {
'ids[]': ids.join()
},
success: function(data) {
// stub
}
});
Comments
-
John Conde almost 2 years
I have a form with a lot of form fields (12 x n rows). The first field in each row (which represents a product) is a checkbox that resembles this:
<input type="checkbox" class="ids" name="ids[]" value="1">
The value of each checkbox is unique.
What I am trying to do is send checked values to a PHP script for processing via Ajax. What I am am having issues with is getting the IDs to the server properly. I have tried using several things including:
$('.ids:checked').serialize();
and
var ids = []; $('.ids:checked').each(function(i, e) { ids.push($(this).val()); }); $.ajax({ url: "stub", type: "post", dataType: "json", data: { 'ids[]': 'ids[]='+ids.join('&ids[]=') }, success: function(data) { // stub } });
But these both result in getting this on the server:
ids[]=104&ids;[]=105
I could serialize the whole form and send it over but that could result in a lot of data being sent that is going to be unused.
How do I send only the values of
delete[]
to the server? Ideally in a way that PHP recognizes it as an array?(I have worked around it by sending the IDs over as a comma delimited string but would like to know how to accomplish this since I spent enough time trying to figure it out).
-
Paul Dessert over 11 yearsBy chance, are the ids in any way associated with the ids in your database?
-
Musa over 11 yearsHow about
data: {'ids': ids},
-
-
John Conde over 11 yearsIf you read the bottom of my question you'll see that's what I did to work around this.
-
John Conde over 11 yearsLooks like I was close but not quite there. Thanks for your help.
-
buycanna.io over 7 yearsWrap all your checkboxes within form tags, then serialize. <form id="myform"></form> ---- myform.serialize().
-
SamDasti over 5 yearsIs it works without Form, And without specifying
type: "post",
.