how to set radio option checked onload with jQuery

Phill Pafford picture Phill Pafford · May 16, 2009 · Viewed 634.2k times · Source

How to set radio option checked onload with jQuery?

Need to check if no default is set and then set a default

Answer

Paolo Bergantino picture Paolo Bergantino · May 16, 2009

Say you had radio buttons like these, for example:

<input type='radio' name='gender' value='Male'>
<input type='radio' name='gender' value='Female'>

And you wanted to check the one with a value of "Male" onload if no radio is checked:

$(function() {
    var $radios = $('input:radio[name=gender]');
    if($radios.is(':checked') === false) {
        $radios.filter('[value=Male]').prop('checked', true);
    }
});