jquery radio on change code example

Example 1: radio button onchange jquery

$('input[type=radio][name=bedStatus]').change(function() {
    if (this.value == 'allot') {
        alert("Allot Thai Gayo Bhai");
    }
    else if (this.value == 'transfer') {
        alert("Transfer Thai Gayo");
    }
});

Example 2: jquery radio button checked event

$('input:radio[name="postage"]').change(function(){

        if ($(this).val() == 'Yes') {
            //true
        }
        else {
            //false
        }
    });

Example 3: change selected radio jquery

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);
    }
});

Tags:

Html Example