Question

我如何使用jQuery来确定是否选中了复选框或单选按钮？

这是我的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>

这是一些伪的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");
    }
})

jQuery中有可能吗？

jsfiddle上的实例：http://jsfiddle.net/BghzK/ 谢谢你的帮助！

Answer 1

您可以在选择器表达式中使用:checked伪选择器。将其与.length组合以查看已返回的数量。在这种情况下，我们获得所有选定的单选按钮，并查看长度是否为零，表示没有选择。

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

您需要在选择器中使用is（“：checked”）。示例代码如下：

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

自动使用jquery Validation插件完成。对于单选按钮，您只需要在表单中创建元素required。

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

你可以试试这个简单的

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

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

6 个答案: