Last element of an array comes as an 'Array'

Question

I have following code to get the values of all checked checkboxes. Surprisingly last element of an array comes as a 'Array'.

var selected = [];
$('#checkboxes input:checked').each(function(){
  selected.push($(this).attr('value'));
});

Even if only one checkbox is checked, it adds extra element in an array. Array will be like this:

selected[0]=Dove
selected[1]=Array

What can be the issue with it? I'm unable to find any reason behind this. Can anyone help?

HTML Code

<ul id='checkboxes' class="list-style1">
 <?php foreach($brands as $row){ ?>
 <span class='checkbox-wrapper' id='<?php echo $brand; ?>'>
 <li><input type='checkbox' value='<?php echo $row['brand']; ?>'>
 <label for='<?php echo $row['brand']; ?>'><?php echo $row['brand']; ?></label>
 </li></span>
 <?php } ?>
</ul>

Works for me with same code snippet. http://jsfiddle.net/ros2w6ym/1/ — vivek, Dec 09 '14 at 13:32
@GuiImamura It's the first element of an array when I access through `selected[0]` — Guy in the chair, Dec 09 '14 at 13:33
Do you sure that your document has an only one element with the id attribute value `checkboxes`?! — SaidbakR, Dec 09 '14 at 13:36

score 1 · Answer 1 · edited May 23 '17 at 12:27

1

var checkedValues = $('#checkboxes  input:checked').map(function() {
return this.value;
}).get();

it will return the selected value of the checkbox in array.

referrence link

edited May 23 '17 at 12:27

Community

1
1

answered Dec 09 '14 at 13:32

asimshahiddIT

330
2
5

Last element of an array comes as an 'Array'

1 Answers1