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
– charlietfl, Commented Nov 9, 2018 at 19:43
api.jquery.com/each i feel like this question could have been answered with a simple google search. — Taplar
– Taplar, Commented Nov 9, 2018 at 19:45
I am looking for get each of the checked values in an array to loop through it — user979331
– user979331, Commented Nov 9, 2018 at 19:45
[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
– Taplar, Commented Nov 9, 2018 at 19:52

Mohammad · Accepted Answer · 2018-11-10 14:48:29Z

2

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

answered Nov 10, 2018 at 14:48

Mohammad

21.5k16 gold badges58 silver badges86 bronze badges

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

Collectives™ on Stack Overflow

jQuery loop through checkboxes that name attribute contain bracket

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related