Menu
I've created a basic 2 radio button form as seen in my example below.
Observing the browser rendering, we see item 1 selected. We inspect item 1 and 2.
When I click item 2, I expect item 1's checked=checked to be remove. I expect item 2 receive the attribute checked=checked.
Is this not the expected behavior?
<div>
<span>Item 1</span>
<input type="radio" name="radio1" id="radio1" checked="checked" />
</div>
<div>
<span>Item 2</span>
<input type="radio" name="radio1" class="checkbox" id="radio2" />
</div>
http://jsfiddle.net/chrimbus/ZTE7R/1/
900
You can check a radio button by default by adding the checked HTML attribute to the <input> element. You can disable a radio button by adding the disabled HTML attribute to both the <label> and the <input> .
$( "#x" ). prop( "checked", false );
Checkboxes and radio buttons are elements for making selections. Checkboxes allow the user to choose items from a fixed number of alternatives, while radio buttons allow the user to choose exactly one item from a list of several predefined alternatives.
The checked attribute specifies the default checked radio button, not the currently checked one.
See this example code. Click the second radio button, then click Reset. Then click the second radio button again, then Switch, then Reset.
The checked property will give the current checked state of a radio button.
67
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
