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

By: Suresh Dasari Jul 2, 2014

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

<head>

<title>jQuery Check radio button checked or selected</title>

$(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

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

ASP.NET,C#.NET,VB.NET,JQuery,JavaScript,Gridview

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

0 comments :

Give your Valuable Comments

Tags