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

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

问题：

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

在开始时，在我的概念中是将存储的值按数组列显示出来的不是

因此，我尝试使用JavaScript设置每个原始单选按钮的值，但它显示以下错误：

未捕获的TypeError:无法读取null的属性“2”

函数addRow（tableID）{
var table=document.getElementById（tableID）；
var radioB=document.getElementById（与BX_相关）；
var rowCount=table.rows.length；
//限制用户创建超出限制的字段
var row=table.insertRow（rowCount）；
var colCount=table.rows[0].cells.length；
对于（var i=0；i变化

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

使用

就是这样！！
动态添加的行将具有相同的id。因此会出现错误。只需删除id并添加一个类即可获取行并插入。嗨，阿米特，我不明白。有关于此问题的示例吗？谢谢。动态插入行时，您需要每次更改与某个随机id相关的BX_的id。这就是我的意思。希望您能明白我的意思 !!
<input type="radio" name="BX_related[]" class="BX_related" value="" required></td>

  var radioB = document.getElementById(BX_related);

  var radioB = document.getElementsByClassName('BX_related);