动态添加无线电输入集

【问题标题】：Dynamically adding sets of radio inputs动态添加无线电输入集
【发布时间】：2015-09-17 19:53:20
【问题描述】：

所以我创建了动态表单，并且可能有多组无线电输入，它们都具有相同的名称 Release[]，但是如果您要添加 4 组这些无线电，我现在不知道如何正确分组您将只能从所有输入中选择 1 个输入

$('a#AddChampion').on('click', function () {
  $('div#ChampionInput').append(
    '<input type="radio" name="Release[]" value="New">New\
    <input type="radio" name="Release[]" value="Rework">Rework\
    <input type="radio" name="Release[]" value="None" checked>None\
  ');
});

【问题讨论】：

您的代码看起来不错。看看here。我刚刚在append( 之后添加了'\ ，但我认为您在原始代码中做得很好。

标签： javascript jquery radio-button radio-group

【解决方案1】：

是的，如果您打算使用相同的名称，则只能获得一个输出。如果您想单独收集它们，则必须使用单独的名称。

例如对于两组ReleaseGrp1和ReleaseGrp2

                 <input type="radio" name="ReleaseGrp1" value="New">New
                 <input type="radio" name="ReleaseGrp1" value="Rework">Rework
                 <input type="radio" name="ReleaseGrp1" value="None" checked>None

                     <input type="radio" name="ReleaseGrp2" value="New">New
                     <input type="radio" name="ReleaseGrp2" value="Rework">Rework
                     <input type="radio" name="ReleaseGrp2" value="None" checked>None

【讨论】：

有没有更简单的方法将它们与 html 数组 [] 分组，这样发送表单后获取数据会更容易
无法直接使用收音机类型输入。但是，如果您可以添加一些名为 Release[] 的隐藏元素，并在提交表单之前使用选定的单选选项填充它们，它就可以工作。只是一个建议。