Jquery Radio Button Checked Event Example

Jquery

Nicesnippets

536

28-06-2021


Hi Guys,

In this example, I will learn you how to checked event radio button in jquery.you can easy and simply checked event radio button in jquery.

Let's see bellow solution and full example:

Example:


<!DOCTYPE html>

<html>

<head>

<title>jquery radio button checked event - Nicesnippets.com</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

</head>

<body>

<h1>jquery radio button checked event - Nicesnippets.com</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>

It will help you...