jquery radio button 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: radio button checked event jquery

$('#radio-button-id').click(function() {
  if($('#radio-button-id').is(':checked')) 
  { 
    //input where you put a value
    $('#program').val("radio-button-text");
  }                      
});

Example 3: change selected radio jquery

Say you had radio buttons like these, for example:



  
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:

Misc Example