radio button change event jquery 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'))
{
$('#program').val("radio-button-text");
}
});
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);
}
});