jquery - 判断所有单选按钮组是否有一个复选框

Question

我正在做一个测验，每个问题都有一组单选按钮，如下所示：

<input type="radio" name="quid16" value="answid53" />Answer 1 : foo
<input type="radio" name="quid16" value="answid54" />Answer 2 : bar
<input type="radio" name="quid16" value="answid55" />Answer 3 : joe
<input type="radio" name="quid16" value="answid56" />Answer 4 : blogs

每个组都有一个 id，quid16如上；这个 id 是由 PHP 生成的，不是固定的。

当我验证表单提交时，我需要检查所有组是否都有一个选中的单选按钮。

问题是我事先不知道组 ID。我将如何解决这个问题？

Answer 1

您可以使用所有单选框，以“quid”开头，然后：

1. 过滤唯一名称
2. 过滤检查的值
3. 比较 1. 与 2。

代码：

var radios = $('[name^=quid]'),
names = $.unique(radios.map(function() {
    return this.name;
})),
checked = radios.filter(function() {
    return this.checked;
});

if (names.length == checked.length) {
    alert('all answers are checked');
}

Answer 2

使用Attribute Starts With Selector获取前缀为 'quid' 的元素，使用jQuery.is来选择:checked. 例如：

$('[name^=quid]').is(':checked'); //Returns true if any radio buttons are 'checked'

这是一个示例 JSFiddle：http: //jsfiddle.net/SDXSf/

<input type="radio" name="quid16" value="answid53" />Answer 1 : foo <br/>
<input type="radio" name="quid16" value="answid54" />Answer 2 : bar <br/>
<input type="radio" name="quid16" value="answid55" />Answer 3 : joe <br/>
<input type="radio" name="quid16" value="answid56" />Answer 4 : blogs <br/>
<br/>
<button>Test</button>
<script type="javascript">
    $(function(){

    function isOneChecked(selector)
    {
       return $(selector).is(':checked')
    }

    $('button').click(function(){
        alert(isOneChecked('[name^=quid]') ? 'Validated' : 'Please select a radio    button');
    });
});
</script>

Answer 3

if ($('input:radio').is(':checked')) {function()} else {function()}