Detecting change in dynamically generated radio buttons with jQuery

Question

I'm trying to detect changes in dynamically generated radio buttons. I have a form that generates radio buttons and they're named according to their ID saved in the database. So it's something like

<input type="radio" name="data[Setting][47]" id="Setting47Entry" value="entry">
<input type="radio" name="data[Setting][47]" id="Setting47Standard" value="standard">

<input type="radio" name="data[Setting][48]" id="Setting48Entry" value="entry">
<input type="radio" name="data[Setting][48]" id="Setting48Standard" value="standard">

<input type="radio" name="data[Setting][49]" id="Setting49Entry" value="entry">
<input type="radio" name="data[Setting][49]" id="Setting49Standard" value="standard">

There is not pre-defined number of radio buttons that will appear. There could be 2 or even 20, it all depends on other options that the user has set.

I know how to detect changes if the names were static, but since the names are different for each user I don't know how to handle that.

if names are dynamic then use something static like classname — effe
– effe, Commented Dec 29, 2013 at 17:27

Rajaprabhu Aravindasamy · Accepted Answer · 2013-12-29 17:27:42Z

2

Why don't you use a attribute starts with selector try,

$('input[name^="data[Setting]"]').change(function(){  });

answered Dec 29, 2013 at 17:27

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

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

4 Comments

user1443519 Over a year ago

Thanks, it's detecting changes. I'm able to retrieve the newly selected value with $(this).val(), but how can I retrieve the name or id? I need to know not only the value, but the input itself.

Rajaprabhu Aravindasamy Over a year ago

you can access name/id etc.. using $(this) inside of that handler. can you tell me exactly what do you need.? may be an example.

user1443519 Over a year ago

Nevermind, I figured it out. I used $(this).attr('name')

Rajaprabhu Aravindasamy Over a year ago

@user1443519 you can simply use $(this).attr('name') to know that.!

Collectives™ on Stack Overflow

Detecting change in dynamically generated radio buttons with jQuery

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related