Javascript 在多个选项卡下选中设置单选按钮

我有几个选项卡，每个选项卡都有相同的单选按钮组，如下所示

请参见案例1中的单选按钮name=managerid和class=managerid

我知道选项卡的id，因此我找到managerid并将其设置为选中，如果值匹配

问题是，它只在最后一个选项卡上设置“收音机已选中”

---

如何使用不同的值设置每个选项卡上选中的收音机

我建议您为单选按钮控件指定不同的样式类，这是跨多个选项卡选择/取消选择的更好方法

问题在于，所有收音机输入都具有相同的名称，因此都在一个组中，因此您只能选择其中的一个。为此，每个选项卡中的无线电输入需要有单独的名称，例如case1 managerid、case2 managerid等。它们是从模板文件生成的，因此我无法更改它们的名称，是否有其他方法可以更改？不幸的是，没有。按名称分组无线电输入是一个HTML标准，由浏览器控制。因此，除了我将其从radio更改为select may外，没有其他方法；我真的很想这样做，但是你必须编写代码来验证在给定的选项卡中只选择了一个复选框。在你的模板中找到这样做的方法会容易得多，可以为单选按钮指定不同的组名称。我更喜欢按类进行，因为在加载页面时，如果默认情况下需要选择不同选项卡上的单选按钮，这会变得足够灵活。

<label>
    <input type="radio" name="managerid" class="managerid managerid_8" data-radio="iradio_square-grey" value="8">
    &nbsp;Spam Dead
</label>
<label>
    <input type="radio" name="managerid" class="managerid managerid_9" data-radio="iradio_square-grey" value="9">
    &nbsp;Stewart Stephenson
</label>

$.each($("#tab_"+r.id).find(".managerid"),function(i,v){
    if(v.value === r.managerid){
        v.checked = true;
    }
});