Search jQuery

jQuery Forum

Using jQuery UI

nickosins..

Set Radio Checked Status... won't work!

in Using jQuery UI • 12 years ago

Hi all,

I can remove the checked attribute without difficulty, but I cannot set it.

$('#radio2').removeAttr("checked"); // this works
$("#radio1").attr("checked", true); // this doesn't

I've scoured these and other forums and tried every variation I've come across, but I just can't seem to change the state of my radio buttons.

I am looking for a way to change the status of the radio buttons as part of another .click() function; If I click on the radio buttons themselves, the visual state does change as it's supposed to, but it inspecting the code shows no change to the actual "checked" state. Can anyone offer some insight for a newbie?

Thanks as always!

Replies(2)

jay.blanc..

Re: Set Radio Checked Status... won't work!

12 years ago

Can you show us your markup for the checkboxes?

nickosins..

Re: Set Radio Checked Status... won't work!

12 years ago

Hi Jay,

Thanks for the reply. I'm using the standard JQuery implementation that they give us in the demo:

<meta charset="utf-8">
<script>
$(function() {
$( "#radio" ).buttonset();
});
</script>
<div class="demo">
<form>
<div id="radio">
<input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
<input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
</div>
</form>
</div>
<div class="demo-description">
<p>A set of three radio buttons transformed into a button set.</p>
</div>