javascript - jquery:如何检查div中的所有单选按钮是否被选中

Question

我的 html 看起来像这样

<div id="div1">
  <input type="radio" name="r1" value="v1" />
  <input type="radio" name="r1" value="v2" />
  <input type="radio" name="r1" value="v3" />

  <input type="radio" name="r2" value="v1" />
  <input type="radio" name="r2" value="v2" />
  <input type="radio" name="r2" value="v3" />

  <input type="radio" name="r3" value="v1" />
  <input type="radio" name="r3" value="v2" />
  <input type="radio" name="r3" value="v3" />
</div>

单选按钮是在我的 html 上动态生成的，因此在该 div 中我不知道有多少个单选按钮。

我想确保用户在提交表单之前为每个单选按钮选择一个值，如何检查我的 div 内的所有单选按钮是否都已选中值？

谢谢

Answer 1

$(":radio").change(function() {
    var names = {};
    $(':radio').each(function() {
        names[$(this).attr('name')] = true;
    });
    var count = 0;
    $.each(names, function() { 
        count++;
    });
    if ($(':radio:checked').length === count) {
        alert("all answered");
    }
}).change();

演示:http://jsfiddle.net/yFaAj/15/