Trying to set radio buttons programmatically using jquery

Question

Why doesn't this work properly:

<input name="Fuel" type="radio" value="" title="Any" checked="checked">
<input name="Fuel" type="radio" value="1" title="Petrol">
<input name="Fuel" type="radio" value="2" title="Diesel">

<div class="options">Any</div>
<div class="options">Petrol</div>
<div class="options">Diesel</div>

$('.options').click(function(){
    $('input').removeAttr('checked');
    $('input[title="' + $(this).text() + '"]').attr('checked', 'checked');   
});

See the working example here:

http://jsfiddle.net/4MTL2/

It works ok until you try to re-select a button that has already been selected.

Tushar Gupta - curioustushar · Accepted Answer · 2014-04-03 14:12:51Z

1

Try .prop( propertyName, value )

value Type: String or Number or Boolean A value to set for the property.

$('.options').click(function () {
    $('input[title="' + $(this).text() + '"]').prop('checked', true);
});

Fiddle Demo

answered Apr 3, 2014 at 14:12

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

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

3 Comments

Strontium_99 Over a year ago

Godlike. Thanks. I'll accept the answer as soon as Stackoverflow allows. Thanks for you help.

Tushar Gupta - curioustushar Over a year ago

Read Attributes vs. Properties will help you understand more.

Strontium_99 Over a year ago

Nice one. Thanks for that link too. That starts to make a lot more sense now.

hoogw · Accepted Answer · 2020-11-06 15:51:32Z

0

Best solution is use .click() Because it trigger click radio event as well, which is very important

The other solution that only change radio option property or attribute

will NOT trigger radio event !!!!!!!!

  $("#your_radio_option_ID_here").click()

answered Nov 6, 2020 at 15:51

hoogw

5,6071 gold badge46 silver badges37 bronze badges

Collectives™ on Stack Overflow

Trying to set radio buttons programmatically using jquery

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related