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

【问题标题】：setting radio button checked under multiple tabs在多个选项卡下选中设置单选按钮
【发布时间】：2016-11-25 02:50:49
【问题描述】：

我有几个标签，每个标签都有相同的单选按钮组，像这样

见案例#1 有单选按钮name="managerid" 和class="managerid

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

我知道选项卡的 id，所以我 find() managerid 并设置它们检查值是否匹配

问题在于它只在最后一个选项卡上设置了选中的收音机如何设置每个选项卡上检查的具有不同值的收音机

【问题讨论】：

问题是因为所有的radio input都同名，所以在一个组中，所以只能选择其中的1个。为此，每个选项卡中的无线电输入将需要具有单独的名称，例如。 case1-managerid、case2-managerid 等
它们是从模板文件生成的，所以我不能更改它们的名称，还有其他方法可以吗？
很遗憾没有。按名称对无线电输入进行分组是由浏览器控制的 HTML 标准。
所以没有办法，除非我把它从收音机改成可能是；我真的很想要收音机
您可以这样做，但是您必须编写代码来验证在给定选项卡中仅选择了一个复选框（例如）。在您的模板中找到一种方法会更容易

标签： javascript jquery html tabs radio

【解决方案1】：

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

【讨论】：

需要为单选按钮分配不同的分组名称。
我更喜欢按类进行，因为如果在加载页面时需要默认选择跨不同选项卡的单选按钮，它会变得足够灵活。