How would I use jQuery to determine if a checkbox or radio button is checked or not?

Here is my HTML:

<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>

<span id="check1">check</span>

<form>
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car
</form>

<span id="check2">check</span>

Here is some psuedo JavaScript:

$("#check1").click(function(){
    if(any radio is selected){
       alert("Please select one radio");
    }
})

$("#check2").click(function(){
    if(any checkbox is selected){
       alert("Please select minimum one checkbox");
    }
})

It is possible in jQuery?

Live example on jsfiddle: / Thanks for help!

How would I use jQuery to determine if a checkbox or radio button is checked or not?

Here is my HTML:

<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>

<span id="check1">check</span>

<form>
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car
</form>

<span id="check2">check</span>

Here is some psuedo JavaScript:

$("#check1").click(function(){
    if(any radio is selected){
       alert("Please select one radio");
    }
})

$("#check2").click(function(){
    if(any checkbox is selected){
       alert("Please select minimum one checkbox");
    }
})

It is possible in jQuery?

Live example on jsfiddle: http://jsfiddle/BghzK/ Thanks for help!

• javascript
• jquery
• html

• why -1? please me answer – Peter Agger Commented Feb 27, 2012 at 3:30
• 1 Nevermind the downvote. It is a well formed question that includes code and a fiddle. The voter probably thought you should be able to find the answer by searching StackOverflow. However, my experience is that anyone willing to take the time to post a fiddle and code has already tried searching. – mrtsherman Commented Feb 27, 2012 at 3:33

6 Answers 6

You can make use of the :checked pseudoselector in your selector expression. Combine this with .length to see how many have been returned. In this case we get all selected radio buttons and see if length is zero, indicating that none have been selected.

http://jsfiddle/mrtsherman/BghzK/2/

$("#check1").click(function(){
    if($('input[type=radio]:checked').length == 0){
       alert("Please select one radio");
    }
})

$("#check2").click(function(){
    if($('input[type=checkbox]:checked').length == 0){
       alert("Please select minimum one checkbox");
    }
})

​

if( !$(':radio:checked').length){
    alert('Please select one radio');
}

You will need to use is(":checked") with the selector. Sample code below:

 $(function() {
           $("#check1").click(function(){
                if(!($("input[name='sex']").is(":checked"))){
                   alert("Please select one radio");
                }
             })

        $("#check2").click(function(){
             if(!($("input[name='vehicle']").is(":checked"))){
               alert("Please select minimum one checkbox");

            }
        })

        });

use jquery Validation plugin its done automatically. For radio button you just need to make the element required in the form.

var rdo = $('input[name="group"]:checked');
var boxes = $('input[type="checkbox"]:checked');

if(rdo.length == 0) 
    alert("Please select one radio");

if(boxes.length == 0)
    alert("Please select minimum one checkbox");

you can try this way this simple

   var chkvalue =   $('input[name="sex"]:checked').val();
    if(chkvalue =="")
    {
     alert("Please checked the radio button");
     return;
    }