jQuery - select all inputs with array name

Question

i have a lot of input fields like:

<input type="hidden" value="" name="participants[1][canceled]">
<input type="hidden" value="" name="participants[2][canceled]">
<input type="hidden" value="" name="participants[3][canceled]">

I am looking for a jQuery selector that gives me all of these items. I dont want to use a loop. I would prefer something like:

jQuery('[name="participants[*][canceled]"]') // actually dont work

Is that possible?

Thank you

EDIT: Thanks to all of you

$(':hidden[name^="participants["][name$="][canceled]"]');

Was my solution and works like a charm. Ty

VisioN · Accepted Answer · 2014-03-21 12:17:55Z

2

To be precise this is the correct way:

$(':hidden[name^="participants["][name$="][canceled]"]');

Or if you need to match numbers only:

$(':hidden').filter(function() {
    return /^participants\[\d+\]\[canceled\]$/.test(this.name);
});

DEMO: http://jsfiddle.net/qbgAL/

answered Mar 21, 2014 at 12:17

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

1 Comment

Rajaprabhu Aravindasamy Over a year ago

This one is a nice idea.. I like this.

Rajaprabhu Aravindasamy · Accepted Answer · 2014-03-21 12:16:51Z

2

Try to use the attribute starts with selector in your context,

jQuery('[name^="participants"]')

answered Mar 21, 2014 at 12:16

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Comments

Adil · Accepted Answer · 2014-03-21 12:16:50Z

1

If you just want the array name then you can just use participants

Live Demo

jQuery('[name*=participants]')

answered Mar 21, 2014 at 12:16

Adil

148k25 gold badges217 silver badges207 bronze badges

Comments

JudgeProphet · Accepted Answer · 2014-03-21 12:17:56Z

0

I would use something like $("input:hidden[name^='participants']")

answered Mar 21, 2014 at 12:17

JudgeProphet

1,7493 gold badges27 silver badges44 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:28:48Z

0

Try this :Refrence

$('[name ="participants"][name $="[canceled]"]')

edited May 23, 2017 at 12:28

CommunityBot

11 silver badge

answered Mar 21, 2014 at 12:18

Ankit Tyagi

2,37511 silver badges20 bronze badges

Comments

Jai · Accepted Answer · 2014-03-21 12:21:34Z

0

Try this:

jQuery('[name^="participants"][name$="[canceled]"]')

answered Mar 21, 2014 at 12:21

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Collectives™ on Stack Overflow

jQuery - select all inputs with array name

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related