需要使用javascript选中页面上的所有单选框

Question

我需要使用JavaScript来检查页面上具有特定ID的所有单选框。 单选按钮的名称各不相同，按3个分组，一个分组表示批准，一个分组表示拒绝，一个分组用于复审...

<input type=radio name='21' value='approved' id='approved' title='Approve'>
<input type=radio name='21' value='denied' id='denied' title='Deny'>
<input type=radio name='21' value='review' id='review' checked title='Do nothing right now'>

...等等。 我已经在这个网站和整个Google上进行搜索，但并未真正找到适合我的解决方案。 我在页面顶部还有另一组单选按钮，我想用它们来控制其他单选按钮，因此，如果我单击顶部的“批准”单选按钮，则选中所有批准的单选按钮，则拒绝执行所有拒绝单选按钮页面等

我使用顶部单选按钮集上的onclick来触发javascript函数，但是我不知道该告诉该函数做什么。 我认为jquery可以很好地做到这一点，但似乎无法提出实现此目的的代码。

Answer 1

在所有收音机上尝试单击功能，然后根据其值更新选择。 见下文，

//   v--- Refined the selector as you want this to happen only when clicking on the 
//        controller radio options.
$('.controller:radio').click(function () {
    $(':radio[value=' + this.value + ']')).prop('checked', true);
});

演示： http : //jsfiddle.net/KvdNq/

Answer 2

我要做的实际上是在单独的DIVS中创建组。 然后，您可以遍历该特定div内的所有无线电，而不必关心各个单选按钮的IDS是什么。

<div id="group1">
    <input type="checkbox" value="group1"/> Check all in this group
    <input type = "radio" value="xx" />
    <input type="radio" value="yy" />
</div>

现在，您可以简单地创建一个使用复选框值的函数，然后循环遍历匹配的div，检查其中的所有RADIO BUTTONS。 说得通？