jQuery loop through checkboxes that name attribute contain bracket

Question

I have these checkboxes:

<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">

My question is via jquery, how would I loop through the ids[] on form submit?

$("#form").submit(function(e) {
  //Loop throught ids[] 
});

I have tried this:

$('input[type=checkbox][name=ids[]]').each(function () {   
  console.log("Here");
});

But it didn't work

Simple to target them by their class and loop over that collection using jQuery `each`. What exactly are you wanting to accomplish? — charlietfl, Nov 09 '18 at 19:43
https://api.jquery.com/each i feel like this question could have been answered with a simple google search. — Taplar, Nov 09 '18 at 19:45
I am looking for get each of the checked values in an array to loop through it — user979331, Nov 09 '18 at 19:45
https://stackoverflow.com/questions/1965075/loop-through-checkboxes-and-count-each-one-checked-or-unchecked#1965137 — Taplar, Nov 09 '18 at 19:46
`[name=ids[]]` is an invalid selector. put double quotes around the `ids[]` to force it to be a literal. But you don't have to do that. Just select using your class. — Taplar, Nov 09 '18 at 19:52
http://learn.jquery.com/using-jquery-core/selecting-elements/ Then you did it wrong. `$('.ids')` will work fine — Taplar, Nov 09 '18 at 19:54
Possible duplicate of [Loop through checkboxes and count each one checked or unchecked](https://stackoverflow.com/questions/1965075/loop-through-checkboxes-and-count-each-one-checked-or-unchecked) — Minus, Nov 09 '18 at 20:20

score 2 · Accepted Answer · answered Nov 10 '18 at 14:48

Your selector is invalid. You should escape [] with \\.

To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[\]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\. documentation

$('input[type=checkbox][name=ids\\[\\]]').each(function(){
  console.log(this.value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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">

jQuery loop through checkboxes that name attribute contain bracket

1 Answers1