检查jquery中是否选中了单选按钮

Check whether radio button is checked or not in jquery

本文关键字:单选按钮 是否 jquery 检查      更新时间:2023-09-26
 <input type="radio" name="a" />
 <input type="radio" name="a" />
 <input type="radio" name="b" />
 <input type="radio" name="b" />

我想确保必须检查radiobuttonboth group,为此我尝试了:

if($("input[type=radio,name=a]:checked").length > 0 && 
   $("input[type=radio,name=b]:checked").length > 0)
{    
/* do something */
}

但是不工作,谁能告诉我为什么?

    if($("input[type=radio][name=a]:checked").length > 0 &&   
   $("input[type=radio][name=b]:checked").length > 0)  
{      
/* do something */  
}  

工作演示 另一种方法:http://jsfiddle.net/Mwkjs/

法典

$("input[type='radio']").click(function() {
    if ($("input[name='a']").is(":checked") && $("input[name='b']").is(":checked")) { 
        /* do something */
        alert('do something');
    }
});​

如果您使用的是 JQuery 1.9+ 时的最佳方法

if ($("#selector").prop('checked')){
   //Code goes here
}

我知道这是一个老问题,如果有人仍在寻找答案,请回答:)

if($("input:radio[name=a]").is(':checked') && $("input:radio[name=b]").is(':checked')){
/* do something */
}

演示 : http://jsfiddle.net/mck6e/

要选择多个属性,您应该将它们分开:[类型=单选][名称=a]无论如何,对于输入元素,如果需要,您可以省略类型属性比较,甚至省略单词"input",因为每种类型都有特定的选择器(:radio,:checkbox,:submit等...),因此在这种情况下,您还可以应用:

if($('[name= a]:radio:checked').length>0 && $('[name= b]:radio:checked').length>0)
{
/*...*/
}