0

我需要使用 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 能够很好地做到这一点,但似乎无法提出这样做​​的代码。

4

2 回答 2

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/

于 2013-01-31T19:37:58.397 回答
0

我要做的实际上是在单独的 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。有道理?

于 2013-01-31T19:40:20.977 回答