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

我需要使用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'>

……等等。我在这个网站和谷歌搜索过，没有找到一个适合我的解决方案。我在页面顶部有另一组单选按钮，我想用它来控制其他按钮，因此如果我单击顶部的“批准”单选按钮，则会选中所有批准的电台，拒绝会执行页面上所有被拒绝的电台框等

---

我正在使用顶部的onclick收音机按钮集启动javascript函数，但我不知道该告诉函数做什么。我认为jquery可以很好地完成这项工作，但似乎无法编写代码来完成这项工作。

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

//   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);
});

---

演示：

我要做的是在单独的div中创建组。然后，您可以循环浏览该特定div中的所有收音机，而无需关心各个单选按钮的ID

<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中循环，检查其中的所有单选按钮。有道理吗

你是只需要这三个无线电框，还是想在页面上选中所有复选框？在页面顶部，我有三个“控制器”无线电框。如果我在控制器集中选择“批准”无线电，我希望检查所有批准无线电，拒绝和审查也是如此。请记住，ID必须是唯一的。例如，如果您的页面上有多个id为“denied”的单选按钮，您将遇到问题。或者像上面一样，您可以使用jQuery或SIZZLE来获得更好的选择器功能：）这就成功了！非常感谢你的帮助，我想我可能已经学到了一些东西P