Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单选按钮阵列_Javascript_Html - Fatal编程技术网

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的建议,请不要犹豫。