Monday, June 3, 2024
 Popular · Latest · Hot · Upcoming
49
rated 0 times [  51] [ 2]  / answers: 1 / hits: 36749  / 12 Years ago, tue, october 9, 2012, 12:00:00

Trying to get a form to load pages with the previously checked radios already checked (upon a fresh load).



The submissions of that page are held as php variables which I can pass into the javascript, the rest should be simple, but it's not working for me.



My code:



<div class=question>
<label for=sv_213>Question?</label>
<input
class=radio
type=radio
value=Yes
name=sv_213
/>Yes
<input
class=radio
type=radio
value=No
name=sv_213
/>No

</div>


My javascript:



$(function() {
var $213 = Yes;
$(input[name='sv_213'][value=$213]).attr('checked', true);

});?


In the above js the



var $213 = <dynamically generated content>


Such that it is set equal to the value of the radio button that was checked



Here is a js fiddle with it not working:
http://jsfiddle.net/CW8AC/



Many thanks for any help.



Incidentally my code is based on this, previously asked question:
Set selected radio from radio group with a value


More From » html

 Answers
37

You need quotes around your value Yes, since this is a string, and not a boolean or number.



var $213 = Yes;


Also, you need to add the variable into the selector with +'s like this:



$(input[name=sv_213][value=+$213+]).attr('checked', true);


Updated fiddle, working: http://jsfiddle.net/CW8AC/1/



Full js code:



$(function() {
var $213 = Yes;
$(input[name=sv_213][value=+$213+]).attr('checked', true);

});


Update:## Since jQuery 1.6, you can also use the .prop method with a boolean value (this should be the preferred method):



$(input[name=sv_213][value=+$213+]).prop('checked', true);


in my case, the .attr() method didnt worked for dynamically selecting the radio button whereas .prop() did.


[#82650] Monday, October 8, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
aileenreynap

Total Points: 140
Total Questions: 106
Total Answers: 99

Location: Andorra
Member since Sun, Oct 18, 2020
4 Years ago
;