Javascript 单选按钮阵列
我有一个表格,你可以在某一点上添加同一问题的多行。简化版本如下所示:Javascript 单选按钮阵列,javascript,html,Javascript,Html,我有一个表格,你可以在某一点上添加同一问题的多行。简化版本如下所示: <input type="text" name="name[]" value=""/> <input type="radio" name="opted[]" value="Yes" /> Yes <input type="radio" name="opted[]" value="No" /> No 对 不 在每次单击“添加好友”按钮时,都会克隆上面的行。这对于文本字段非常有效,因为我
<input type="text" name="name[]" value=""/>
<input type="radio" name="opted[]" value="Yes" /> Yes
<input type="radio" name="opted[]" value="No" /> No
对
不
在每次单击“添加好友”按钮时,都会克隆上面的行。这对于文本字段非常有效,因为我在提交时从所有行中获取值,但单选按钮不起作用,因为它具有相同的名称,单击它会干扰其他克隆行
你知道如何解决这个问题吗?用name=“opted[]”替换,,其中123
是一个唯一的标识符,以便对每组Answet进行分组
然后,您可以通过以下任一方法访问表单元素:
var method1 = document.getElementsByName("opted[123]");
var method2 = document.querySelectorAll("[name='opted[123]']");
//Both vanilla-JavaScript methods return a NodeList, consisting of all
// elements with name="opted[123]"
将name=“opted[]”
替换为name=“opted[123]”
,其中123
是一个唯一的标识符,以便对每组ANSWET进行分组
然后,您可以通过以下任一方法访问表单元素:
var method1 = document.getElementsByName("opted[123]");
var method2 = document.querySelectorAll("[name='opted[123]']");
//Both vanilla-JavaScript methods return a NodeList, consisting of all
// elements with name="opted[123]"
将name=“opted[]”
更改为name=“opted[123]”
其中123
是您的问题的唯一标识符。@RobW谢谢,这很有意义。steelaz如果您需要帮助实现Rob的建议,请毫不犹豫地询问。将name=“opted[]”
更改为name=“opted[123]”
其中123
是您的问题的唯一标识符。@RobW谢谢,这很有意义。steelaz如果您需要帮助实现Rob的建议,请不要犹豫。