检查是否选择了任何收音机或复选框

Question

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.net/BghzK/ Thanks for help!

Answer 1

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.net/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");
    }
})

​

Answer 2

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

Answer 3

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");

            }
        })

        });

Answer 4

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

Answer 5

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");

Answer 6

you can try this way this simple

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