array.length and empty function is not helping me

Question

I have three checkboxes with common name

<input type="checkbox" name="checkBox[]" id="checkBox" value="1">
<input type="checkbox" name="checkBox[]" id="checkBox" value="2">
<input type="checkbox" name="checkBox[]" id="checkBox" value="3">

And jquery to push the selected checkbox value into an array before I pass that array to ajax

var data = {'checkBox[]': []};
$(":checked").each(function () 
{
    data['checkBox[]'].push($(this).val());
});

I am able to iterate through the checkBox array in PHP in the Ajax page but failing on the client side.

checkBox.length is not giving me the number of checkboxes I've checked. I am unable to find out whether an array is an empty array. I have tried - if (checkBox === undefined || checkBox.length == 0) but got no result. How can I find the length for the above array and whether it is an empty array. I do not want to pass an empty array to the ajax url.

Note on your HTML: Your checkboxes should have different id values, or just omit the id. Ids are supposed to be unique across a page. — Matt Browne
– Matt Browne, Commented Apr 29, 2015 at 3:07

Alexei Levenkov · Accepted Answer · 2015-04-29 02:57:47Z

3

Unclear what you are looking for, but to get length of array you are building inside data object use:

var len = data['checkBox[]'].length;

Note: as currently shown in you sample code data is object with one property named "checkbox[]" with array as value, possibly you were looking for something else, maybe data = {checkbox:[]} or just checkbox=[];

answered Apr 29, 2015 at 2:57

Alexei Levenkov

101k15 gold badges138 silver badges189 bronze badges

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

1 Comment

Shashi Roy Over a year ago

Working like charm. Thank you really so much. var len = data['checkBox[]'].length gives me the total number of checkbox I've checked in the form. Thank you really so much :)

kenken · Accepted Answer · 2015-04-29 03:13:28Z

1

change your code into this

var checkBox = [];
$("input[type=checkbox]:checked").each(function() {
checkBox.push($(this).val());
});

console.log(checkBox.length);

answered Apr 29, 2015 at 3:13

kenken

617 bronze badges

Comments

Mike Hamilton · Accepted Answer · 2015-04-29 03:06:08Z

0

Your question is really unclear. If you are looking to get a count of the number of checkboxes you have checked you can try $('checkbox[name="checkbox[]"]:checked').length;

answered Apr 29, 2015 at 3:06

Mike Hamilton

1,5651 gold badge16 silver badges24 bronze badges

Comments

Matt Browne · Accepted Answer · 2015-04-29 03:15:02Z

0

Another option:

data['checkBox[]'] = $('input[name="checkBox[]"]:checked').map(function() {
    return $(this).val();
});

answered Apr 29, 2015 at 3:15

Matt Browne

12.5k5 gold badges61 silver badges80 bronze badges

Collectives™ on Stack Overflow

array.length and empty function is not helping me

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related