Published - | Updated - June 28, 2021 10:57 pm
173 Views
Today, i we will show you radio button checked event in jquery. This article will give you simple example of radio button checked event in jquery. you will learn radio button checked event in jquery. So let’s follow few step to create example of radio button checked event in jquery.
Preview:
Example
<!DOCTYPE html>
<html>
<head>
<title>radio button checked event in jquery</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<h1>Radio Button Checked Event In Jquery</h1>
<label><input type="radio" name="gender" value="1"> Male</label>
<label><input type="radio" name="gender" value="2"> Female</label>
<script>
$(document).ready(function(){
$('input[type=radio][name=gender]').change(function() {
if (this.value == 1) {
alert("Select Male");
}else if (this.value == 2) {
alert("Select Female");
}
});
});
</script>
</body>
</html>