getting the value of multiple checkboxes and using ajax to preform an action with their values

Question

I have a table that has checkboxes, if a checkbox is selected i want a raw in the DB to be deleted - using ajax.

with normal form i would simply name all the chexboxs some name lets say name="checkbox[]" and then simply use foreach($_POST['checkbox'] as $value){}

now i am trying to get all the values of marked checkboxes then put them into an array. seems i am missing something though. here is what i go so far:

var checkboxes = jQuery('input[type="checkbox"]').val();
var temp = new Array();
jQuery.each(checkboxes, function(key, value) { 
     temp[] = value;
});

Late on i will just pass temp as variable to ajax call.

Is there anything i am missing ?

Note that JavaScript is not Java.

elclanrs
– elclanrs

2012-10-24 23:51:27 +00:00
Commented Oct 24, 2012 at 23:51 — elclanrs
– elclanrs, Commented Oct 24, 2012 at 23:51

Ram · Accepted Answer · 2012-10-24 23:57:40Z

3

You can use :checked selector and map method:

var arr = $('input[type="checkbox"]:checked').map(function(){
     return this.value
}).get();

answered Oct 24, 2012 at 23:57

Ram

145k16 gold badges174 silver badges201 bronze badges

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

6 Comments

Matt Stone Over a year ago

What is the purpose of the chained .get()? .map will return an array.

Ram Over a year ago

@MattStone map returns a jquery-wrapped array, get returns the actual array.

Matt Stone Over a year ago

are you sure about that? The documentation (api.jquery.com/jQuery.map) or a quick test (jsfiddle.net/2aSdZ) doesn't indicate that's the case.

Ram Over a year ago

@MattStone Yes, what you are using is $.map utility function and I have used this map api.jquery.com/map

Ram Over a year ago

@MattStone See this jsfiddle.net/k96VX without get you will have TypeError: arr.join is not a function

|

Sushanth -- · Accepted Answer · 2012-10-24 23:51:16Z

0

You are trying to iterate over the Checkbox values which is wrong . Try this

var $checkboxes = jQuery('input[type="checkbox"]') ;
var temp = new Array();
jQuery.each($checkboxes, function(i) {
     var value = $(this).attr('value'); 
     temp[i] = value;
});

If you want to pass only checked items just add a condition.

if($(this).is(':checked')){
  var value = $(this).attr('value'); 
  temp[i] = value;
}

answered Oct 24, 2012 at 23:51

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

1 Comment

Matt Stone Over a year ago

Check out jQuery.map(), it's a better fit for this task than jQuery.each().

Joel Mellon · Accepted Answer · 2012-10-24 23:59:16Z

0

Just wrap the table in a form tag, and do this:

var myData = jQuery('#myform').serialize();
jQuery.ajax('myscript.php', {data:myData});

answered Oct 24, 2012 at 23:59

Joel Mellon

3,8851 gold badge31 silver badges26 bronze badges

Collectives™ on Stack Overflow

getting the value of multiple checkboxes and using ajax to preform an action with their values

3 Answers 3

6 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related