php - 通过 Javascript 中的变量按名称访问 PHP 生成的单选按钮

Question

我用 PHP 创建了不同数量的单选按钮行，并给它们命名，例如 1、2、3 等。所以现在我的 HTML 文件中有这样的东西:

<input type="radio" name="0" value="on" checked="">
<input type="radio" name="0" value="off" >
<input type="radio" name="0" value="solo" >
<input type="radio" name="1" value="on" checked="">
<input type="radio" name="1" value="off" >
<input type="radio" name="1" value="solo" >
<input type="radio" name="2" value="on" checked="">

等等

现在我想用 Javascript 检查所有单选按钮的状态(不用担心，我知道单选行数):

for(var i = 0; i < amountOfRadioRows; i++) {
    for( var j = 0; j < 3; j++) {
        if(document.formName.i[j].checked) {
            alert(i+" "+j+" is checked!");
        }
    }
}

但这是我的问题:如何使用变量访问各个单选按钮？

附加信息:最终，我的页面应该从 CSV 文件加载一些值(完成)，为每个位置显示 3 个单选按钮(完成)并计算并显示这些数字的平均值，具体取决于用户选择的选项。我很高兴对此有任何意见:)

Answer 1

当您将表单发送到服务器时，表单输入中的名称很有用，但是当您在客户端使用 javascript 使用它们时，您最好使用 ids..

所以给每个 radio 一个不同的id，比方说:

<input type="radio" name="0" id="r1" value="on" checked="">
<input type="radio" name="0" id="r2" value="off" >
<input type="radio" name="0" id="r3" value="solo" >
<input type="radio" name="1" id="r4" value="on" checked="">
<input type="radio" name="1" id="r5" value="off" >
<input type="radio" name="1" id="r6" value="solo" >
<input type="radio" name="2" id="r7" value="on" checked="">

然后像这样得到你需要的那个:

document.getElementById("r1")