Passing Array Values in Radio Button jQuery

Question

I have a jQuery function to prettify radio buttons that works great except under one circumstance, when the name attribute of the button contains a bracketed array value.

This is for a shopping cart system that has selectable options via radio button, so the buttons look like so:

<input type="radio" name="option[218]" value="5">
<input type="radio" name="option[218]" value="6">
<input type="radio" name="option[218]" value="7">
...

The section of the jQuery script that's throwing the error looks like so:

$('input:radio[name=' + radio.attr('name') + ']')
  .not(':disabled')
  ...

Error:

Uncaught Error: Syntax error, unrecognized expression: input:radio[name=option[218]]

Obviously it's not expecting to find brackets [ ] in the name value.

How can I switch this up to allow those to be found and not error out?

Felix · Accepted Answer · 2014-03-25 08:04:45Z

2

You need to wrap the value inside double quotes " "

$('input:radio[name="' + radio.attr('name') + '"]')
// ---------------- ^      here and here       ^

So your value will be escaped properly and output as:

input:radio[name="option[218]"]

answered Mar 25, 2014 at 8:04

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

1 Comment

secondman Over a year ago

Sometimes I feel like I should just take out my brain and play with it. Thanks Felix.

Arun P Johny · Accepted Answer · 2014-03-25 08:04:42Z

1

You can enclose the value in "" to escape the special characters

$('input:radio[name="' + radio.attr('name') + '"]')

answered Mar 25, 2014 at 8:04

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

1 Comment

secondman Over a year ago

Thanks Arun. Felix beat you to the punch. Appreciate your answer though.

Collectives™ on Stack Overflow

Passing Array Values in Radio Button jQuery

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related