Know which radio button is selected using jQuery?

In this blog, you will learn how to know which radio button is selected in a form and what is its value using JQuery. You can use this while making registration form, or any other form which contain radio button.

To get the value of the selected radioName item of a form with id myForm:

$('input[name=radioName]:checked', '#myForm').val()

1	$('input[name=radioName]:checked', '#myForm').val()

With Example

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
$('#myForm input').on('change', function() {
alert($('input[name=radioName]:checked', '#myForm').val());
});

$('#myForm input').on('change', function() {

alert($('input[name=radioName]:checked', '#myForm').val());

});

<form id="myForm"><input name="radioName" type="radio" value="1" /> 1
<input name="radioName" type="radio" value="2" /> 2
<input name="radioName" type="radio" value="3" /> 3 </form>