jquery中所选单选按钮的数量

时间:2011-08-02 14:41:06

标签: jquery jquery-selectors

假设我有这样的单选按钮组:

<label><input type="radio" value="1" name="rdQueen" /> Scaramouche</label> <br />
<label><input type="radio" value="1" name="rdQueen" /> Will you do the</label> <br />
<label><input type="radio" value="1" name="rdQueen" /> Fandango</label> <br />

......稍后在页面中......

<label><input type="radio" value="1" name="rdFruit" /> Mango</label> <br />
<label><input type="radio" value="1" name="rdFruit" /> Kiwi</label> <br />
<label><input type="radio" value="1" name="rdFruit" /> Potato</label> <br />

我想做的就是确保选择了两个组中的至少一个..所以我需要计算已经检查的无线电按钮,在这种情况下它将是2。

只是,我不知道该怎么做。请帮助!

3 个答案:

答案 0 :(得分:15)

仅检查特定群组:

$(':radio[name="rdQueen"]:checked, :radio[name="rdFruit"]:checked').length;

示例:http://jsfiddle.net/AlienWebguy/HzfKq/

答案 1 :(得分:9)

你可以这样做:

 var numberOfCheckedRadio = $('input:radio:checked').length
 //this gives you the total of checked radio buttons on the page

答案 2 :(得分:6)

使用checked-selector[docs]获取已检查的属性,并使用length[docs]属性查看有多少。

alert( $('input:radio:checked').length );