Question

我们正在努力为学生开发一个非常简单的HTML / JavaScript建议工具。它提供了在学生检查描述他或她的高中GPA和标准化考试成绩的单选按钮后要采取哪些课程的建议。当前版本在Chrome和Firefox中均可正常运行，并在选中两个单选按钮后显示其结果。在IE11中，页面显示并且用户可以检查按钮，但是在选中第二个按钮时没有给出响应。我们应该如何使它独立于（当前）浏览器？

下面发布了一个精简版本，其中包含足够的代码来演示基本行为和问题。

＆＃13;

List<Object>

＆＃13;

Student

＆＃13;

Answer 1

您的问题在于document.data.GPA.value，其中GPA是一个对象数组，因此您需要像这样访问值

document.data.GPA[0].value;

作为旁注，您发布的代码中包含过时的元素，例如center，font，因此我建议您进行清理，然后使用table对于布局已过时，请查看示例flexbox，这对此非常有用

<强>更新

读取对象数组的值的意思是做这样的事情

var v = document.querySelectorAll('input[name=GPA]');
for(var i = 0; i < v.length; i++){
    if(v[i].checked){
        GPA = v[i].value;
    }
}

还有document.querySelector

GPA = document.querySelector('input[name=GPA]:checked').value;

或经典form.elements语法

document.data.elements['GPA'].value;

单选按钮＆＃39; onclick＆＃39;适用于Chrome和Firefox但不适用于IE

1 个答案: