动态添加行上的数组单选按钮答案

【问题标题】：Array radio button on dynamic added row动态添加行上的数组单选按钮
【发布时间】：2015-11-17 09:31:00
【问题描述】：

我有一个允许用户动态添加行的表单。表单内部有数组单选按钮。

问题：

当我尝试点击第二行的单选按钮或其他原始按钮时，单选按钮的值将仅显示在第一列中，其他的会有偏移错误。

一开始，在我的概念里是根据数组列存储的值是不是。
所以，我尝试使用 JavaScript 设置每个原始单选按钮的值，但它显示此错误：

未捕获的类型错误：无法读取 null 的属性“2”

function addRow(tableID) {
	var table = document.getElementById(tableID);
	var radioB = document.getElementById(BX_related);
	var rowCount = table.rows.length;
							// limit the user from creating fields more than your limits
		var row = table.insertRow(rowCount);
		var colCount = table.rows[0].cells.length;

		for(var i=0; i<colCount; i++) {
			
			var newcell = row.insertCell(i);
			newcell.innerHTML = table.rows[1].cells[i].innerHTML; //row[which table u need to duplicate]
			table.rows[rowCount].cells[0].innerHTML = rowCount;
			}
			radioB[rowCount].value = rowCount;

}

<table id="dataTable" class="form" border="0">
	<tbody>
		<tr><th>Bil.</th><th>Nama</th><th>Umur</th><th>Dij./Ting.</th><th>Pekerjaan</th><th>Catatan</th><th>Berkenaan</th></tr>
		<tr ><td>1</td>
		<td><input type="text" name="BX_name[]" size="30"></td>
		<td><input type="text" name="BX_age[]"size="2" ></td>
		<td><input type="text" name="BX_study[]"size="8"></td>
		<td><input type="text" name="BX_work[]" size="10"></td>
		<td><input type="text" name="BX_note[]"size="15"></td>
		<td> <input type="radio" name="BX_related[]" id="BX_related" value="" required></td></tr>
	</tbody>
	</table>

PHP部分：

<?php 
            $i =0;
            if(isset($_POST)=='submit'){

                $BX_name=$_POST['BX_name'];
                $BX_age=$_POST['BX_age'];
                $BX_related = $_POST['BX_related'];         
                echo $BX_related;
                foreach($BX_name as $a => $b)
                    {   
                        $i ++;                              
                    echo "<br> $i";
                        echo "name: ";
                        echo $BX_name[$a];
                    }

}
            ?>

谁有更好的解决方案？

【问题讨论】：

动态添加的行将具有相同的 id。因此错误。只需删除 id 并添加一个类来获取行并插入。
嗨，阿米特，我不明白。有关于这个问题的例子吗？谢谢
动态插入行时，每次都需要将 BX_related 的 id 更改为某个随机 id。那就是我的意思。希望你抓住了！

标签： javascript php html arrays

【解决方案1】：

改变

<input type="radio" name="BX_related[]" id="BX_related" value="" required>

到

<input type="radio" name="BX_related[]" class="BX_related" value="" required></td>

也在 addRow 函数中，而不是

  var radioB = document.getElementById(BX_related);

使用

  var radioB = document.getElementsByClassName('BX_related);

就是这样！！

【讨论】：