Javascript 单选按钮返回未定义

单选按钮保持返回未定义。我查找了它，尝试了其他类似问题的答案，但当我将值添加到表中时，我只是没有定义

这是我从按钮获取值的javascript代码

var grade="";
        var grades = document.getElementsByName('grade');
        for(var i=0;i<grades.length;i++)
        {
            if(grades[i].checked)
                grade = grades[i].value;
        }

var等级=”；
var grades=document.getElementsByName（'grade'）；
对于（var i=0；i，因此我通过在tbody.innerHTML中将grade.value更改为grade来修复它。触发javascript代码的是什么？一个按钮会触发代码正常工作的函数。请提供一个重现问题的代码段。如果设置
grade=grades[i]。value
则
grade.value
等同于
grades[i].value.value
。只需在表格中打印
grade
。填写表格时使用
grade.value
，但在执行
grade=grades[i].value；
时，只需在变量中存储tekst。因此，grade变量中不存在value属性。只需使用
grade
。
<div><label>Grade</label>
<label><input type="radio" value="5" name="grade">5</label>
<label><input type="radio" value="6" name="grade">6</label>
<label><input type="radio" value="7" name="grade">7</label>
<label><input type="radio" value="8" name="grade">8</label>
<label><input type="radio" value="9" name="grade">9</label>
<label><input type="radio" value="10" name="grade">10</label></div>

var tbody = document.getElementsByTagName("tbody")[0]
                tbody.innerHTML += "<tr><td>" + name.value + "</td>" + "<td>" + index.value + "</td>" + "<td>" + phone.value + "" +
                    "</td>" + "<td>" + grade.value + "</td>" + "<td>" + session.value + "</td>"
                name.value = ""
                index.value = ""
                phone.value = ""
                grade.value = ""
            }