使用变量值作为'名称标识符'javascript/html

Using variable value as 'name identifier' javascript/html

本文关键字:标识符 javascript html 变量值      更新时间:2023-09-26

我在javascript中有一个函数,当被调用时,它会将行添加到HTML表中。在行中,添加的其中一个是单选复选框,它只允许为相同"名称"下的每个单选框选中一个复选框。因此,每次调用函数添加行时,"name"属性都必须更改。

var namedata = "daynight" + rowCount;
//irrelevant intermediary code. Creates the new row and cell. Then:
newcell.innerHTML = '<input type="radio" name=namedata value="am">';
//and
newcell.innerHTML = '<input type="radio" name=namedata value="pm" checked>';

我在"name"选项中尝试过这种方法(以及其他一些变体),但每次单击按钮添加行时,每次添加都使用相同的名称(因此在所有新创建的行中只能选中一个框,而不是单独选中每行)。

namedata将包含所需的名称和行号,确保每个"名称"都不同。

如何获取"input"的"name"属性以接收"namedata"的值?这能解决我的问题吗?

试试这个:

var namedata = "daynight" + rowCount;
newcell.innerHTML = '<input type="radio" name="' + namedata + '" value="pm" checked>';