Check if any radio or checkbox is selected

Question

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

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

Maybe in jQuery?

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

Answer 1

You can use the :checked pseudo-selector in a selector expression. Combine this with .length to see how many have been returned. In this case, we will get all the selected radio buttons and see if the length is zero, indicating that none of them are 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 (": 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 made automatically. For the radio button, you just need to make the required element 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; }