jQuery Check if Radio Button is Checked (Selected) or Not By: Suresh Dasari Jul 2, 2014

on

jQuery Check if Radio Button is Checked (Selected) or Not

By: Suresh Dasari Jul 2, 2014
Categories: , 
Introduction: 

Here I will explain how to use jQuery to check if radio button checked / selected or not. In jQuery we can check if radio button selected / checked or not in different ways by using radio button properties prop or attr.

Description: 
  
In previous articles I explained jQuery check if checkbox checked or not, jQuery dropdown with images,jQuery change style of controls, jQuery enable or disable hyperlinks, jQuery Countdown timer script example and many articles relating to jQuery and asp.net. Now I will how to check if radio button checked / selected or not in jQuery.

We can check whether radio button checked or not in different ways those are

Method 1:


var status = $('#rdbcheck:checked').val() ? true : false

Method 2:


var status = $('#rdbcheck').is(':checked');

Method 3:


var status = $('#rdbcheck').attr('checked') ? true : false;

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


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Check radio button checked or selected</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function() {
$('#btnSubmit').click(function() {
var status = $('#rdbcheck').is(':checked');
alert(status)
})
});
</script>
</head>
<body>
<b>Select Radio Button :</b>
<input type="radio" id="rdbcheck" value="India" />India
<button id="btnSubmit">Radio Button Status</button>
</body>
</html>

Live Demo

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


Select Radio Button : India 

Comments

Post a Comment