jQuery Get Radio Button Selected Value by Name

Introduction:

Here I will explain how to use jQuery to get radio button selected value by name or jQuery get radio button list / group selected value.

Description:

In previous articles I explained jQuery audio player plugin examples, jQuery check if checkbox checked or not, jQuery dropdown with images, jQuery pie chart example with database in asp.net, jQuery Countdown timer script example and many articles relating to jQuery and asp.net. Now I will explain how to get radio button selected value by name in jQuery.

If we want to get radio button selected value by name we need to write the code like as shown below

var selval = $('input[name=rdbcountry]:checked').val();

If you want to check it in complete sample we need to write the code like as shown below

<head>

<title>jQuery Get Selected Radio button list value with name</title>

$(function() {

$('#btnSubmit').click(function() {

var selval = $('input[name=rdbcountry]:checked').val();

alert(selval)

})

});

</script>

</head>

<body>

<b>Select Radio Button :</b>

<input type="radio" name="rdbcountry" value="India" />India

<input type="radio" name="rdbcountry" value="USA" />USA

<input type="radio" name="rdbcountry" value="Australia" />Australia

<button id="btnSubmit">Get Selected Country</button>

</body>

</html>

Live Demo

To check live demo try to click on below button to check radio button status

Select Radio Button : India USA Australia

Asp.net Tutorials