Menu
I am trying to check radio. Neither the following works:
[edit]
$('selector').attr('checked','checked'); $('selector').attr('checked',true); The two alert() in the following code show "1" and "a", respectively. My expectation is the second alert() showing "b".
Opera does check the second radio box in its browser, but its element inspector, dragonfly, shows that the DOM is not changed.
[end edit]
I had read the FAQ before I posted this question:
http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_check.2Funcheck_a_checkbox_input_or_radio_button.3F
Helps will be much appreciated!
TIA
The xhtml page and code follows:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Weird Behavior</title> <script type="text/javascript" src="scripts/jquery.js"/> <script type="text/javascript"> function clickme(){ alert($('input[name="myname"][value="b"]').length); $('input[name="myname"][value="b"]').attr('checked','checked'); $('#b').attr('checked',true); alert($('input[name="myname"][checked]').val()); }; </script> </head> <body> <form action=""> <fieldset> <legend>Why check is not switched?</legend> <input type="radio" name="myname" value="a" id="a" checked="checked"/>A <input type="radio" name="myname" value="b" id="b"/>B </fieldset> </form> <p> <button type="button" onclick="clickme()">click me</button> </p> </body> </html> 
914
attr() deprecated/removed for use with "checked" and "disabled" properties. Many sites now use various means to update their version of jQuery to a later version than 1.4, the version in Drupal 7. jQuery deprecated (version 1.6) and removed (version 1.9) the use of .
The checked attribute is a boolean attribute. When present, it specifies that an <input> element should be pre-selected (checked) when the page loads. The checked attribute can be used with <input type="checkbox"> and <input type="radio"> . The checked attribute can also be set after the page load, with a JavaScript.
$('.checkbox').attr('checked',true); will not work with from jQuery 1.6.
Instead use
$('.checkbox').prop('checked',true); $('.checkbox').prop('checked',false); Full explanation / examples and demo can be found in the jQuery API Documentation https://api.jquery.com/attr/
197
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
