jQuery - 确保检查所有单选组

Question

我想使用 jQuery 循环访问多个(动态)单选按钮组，如果有任何一个尚未进行选择，它会抛出错误并停止表单提交。

这是我迄今为止的努力:

$("form").submit(function() {
    $(":radio").each(function(){
        if($(this).val().length == 0) {
            alert('Not selected all radios');
            return false;
        }
    }); 
});

但它总是忽略将停止提交的 if 语句，就好像 $(this) 实际上并不是单选按钮的值？

这是一个 jsFiddle:http://jsfiddle.net/aVVW9/

任何帮助将不胜感激，谢谢!

Answer 1

试试这个。该方法是循环遍历所有单选按钮，然后提取单选按钮组的名称，使用 :checked 来查看是否检查了该组的任何成员。找到第一个缺失的检查后，一个简单的 bool 值就会停止错误。

$("form").submit(function() {
    var submitme = true;
    $(':radio').each(function() { // loop through each radio button
        nam = $(this).attr('name'); // get the name of its set
        if (submitme && !$(':radio[name="'+nam+'"]:checked').length) { 
        // see if any button in the set is checked
            alert(nam+' group not checked');
            submitme = false;
        }
    });
    return submitme; // cancel the form submit
});        ​

http://jsfiddle.net/mblase75/aVVW9/5/