Jquery - How to use Radio Button Change Event?

Admin   Jquery   76  2020-08-07 03:35:15

This article will provide example of jquery radio button checked event. I’m going to show you about jquery radio button click event. i would like to share with you radio button change event jquery.

In this article, we will implement a radio button change event jquery by name. Alright, let’s dive into the steps.

Let's see bellow solution and full example:

Solution:

$('input[type=radio][name=gender]').change(function() {

if (this.value == 1) {

alert("Select Male");

}else if (this.value == 2) {

alert("Select Female");

}

});

Solution:

<!DOCTYPE html>

<html>

<head>

<title>jquery radio button checked event - itsolutionstuff.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 - itsolutionstuff.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>

I hope it can help you...