Question

我是编程新手，我在JavaScript中尝试过一些东西，但在Chrome中运行良好。但它无法在IE，Firefox，Safari和Opera中运行。我的代码有什么问题吗？

function hp(form) {
    var count1 = 0, count2 = 0, count3 = 0, count4 = 0, count5 = 0, count6 = 0, count7 = 0, count8 = 0, count9 = 0, count10 = 0;
    for (var i = 0; i < 3; i++) {
        if (form.q1[i].checked == true) {
            count1++;
        }
    }
    if (count1 !== 1) {
        alert("Please Answer 1st Question");
        return false;
    }
    for (var i = 0; i < 3; i++) {
        if (form.q2[i].checked == true) {
            count2++;
        }
    }
    if (count2 !== 1) {
        alert("Please Answer 2nd Question");
        return false;
    }
    for (var i = 0; i < 3; i++) {
        if (form.q3[i].checked == true) {
            count3++;
        }
    }
    if (count3 !== 1) {
        alert("Please Answer 3rd Question");
        return false;
    }
    for (var i = 0; i < 3; i++) {
        if (form.q4[i].checked == true) {
            count4++;
        }
    }
    if (count4 !== 1) {
        alert("Please Answer 4th Question");
        return false;
    }
    for (var i = 0; i < 3; i++) {
        if (form.q5[i].checked == true) {
            count5++;
        }
    }
    if (count5 !== 1) {
        alert("Please Answer 5th Question");
        return false;
    }
    for (var i = 0; i < 3; i++) {
        if (form.q6[i].checked == true) {
            count6++;
        }
    }
    if (count6 !== 1) {
        alert("Please Answer 6th Question");
        return false;
    }

    for (var i = 0; i < 3; i++) {
        if (form.q7[i].checked == true) {
            count7++;
        }
    }
    if (count7 !== 1) {
        alert("Please Answer 7th Question");
        return false;
    }
    for (var i = 0; i < 3; i++) {
        if (form.q8[i].checked == true) {
            count8++;
        }
    }
    if (count8 !== 1) {
        alert("Please Answer 8th Question");
        return false;
    }
    for (var i = 0; i < 4; i++) {
        if (form.q9[i].checked == true) {
            count9++;
        }
    }
    if (count9 !== 1) {
        alert("Please Answer 9th Question");
        return false;
    }
    for (var i = 0; i < 3; i++) {
        if (form.q10[i].checked == true) {
            count10++;
        }
    }
    if (count10 !== 1) {
        alert("Please Answer 10th Question");
        return false;
    }
    answer1 = (form.q1.value);
    answer2 = (form.q2.value);
    answer3 = (form.q3.value);
    answer4 = (form.q4.value);
    answer5 = (form.q5.value);
    answer6 = (form.q6.value);
    answer7 = (form.q7.value);
    answer8 = (form.q8.value);
    answer9 = (form.q9.value);
    answer10 = (form.q10.value);
    var a = parseInt(answer1);
    var b = parseInt(answer2);
    var c = parseInt(answer3);
    var d = parseInt(answer4);
    var e = parseInt(answer5);
    var f = parseInt(answer6);
    var g = parseInt(answer7);
    var h = parseInt(answer8);
    var ii = parseInt(answer9);
    var j = parseInt(answer10);
    var c = a + b + c + d + e + f + g + h + ii + j;
    //document.getElementById("result").innerHTML= "The selected values are "+"</br>"+a+"</br>"+b+c+d+e+f+g+h+ii+j+"</br>"+c;
    if (c <= 20) {
        document.getElementById("total").innerHTML = "<h3>" + "ABCD" + "</h3>" + "</br>" + "<IMG ALIGN='center' " + "SRC='images/img.png'>";
    }
    else if ((c > 20) && (c <= 25)) {
        document.getElementById("total").innerHTML = "<h3>" + "ABCD" + "</h3>" + "</br>" + "<IMG ALIGN='center' " + "SRC='images/img.png'>";
    }
    else if ((c > 25) && (c <= 30)) {
        document.getElementById("total").innerHTML = "<h3>" + "ABCD" + "</h3>" + "</br>" + "<IMG ALIGN='center' " + "SRC='images/img.png'>";
    }
    else if ((c > 30) && (c <= 40)) {
        document.getElementById("total").innerHTML = "<h3>" + "ABCD" + "</h3>" + "</br>" + "<IMG ALIGN='center' " + "SRC='images/img.png'>";
    }
    else if ((c > 40) && (c <= 50)) {
        document.getElementById("total").innerHTML = "<h3>" + "ABCD" + "</h3>" + "</br>" + "<IMG ALIGN='center' " + "SRC='images/img.png'>";
    }
    else if ((c > 50) && (c <= 60)) {
        document.getElementById("total").innerHTML = "<h3>" + "ABCD" + "</h3>" + "</br>" + "<IMG ALIGN='center' " + "SRC='images/img.png'>";
    }
    else if ((c > 60) && (c <= 65)) {
        document.getElementById("total").innerHTML = "<h3>" + "ABCD" + "</h3>" + "</br>" + "<IMG ALIGN='center' " + "SRC='images/img.png'>";
    }
    else if ((c > 65) && (c <= 75)) {
        document.getElementById("total").innerHTML = "<h3>" + "ABCD" + "</h3>" + "</br>" + "<IMG ALIGN='center' " + "SRC='images/img.png'>";
    }
    else if ((c > 75) && (c <= 90)) {
        document.getElementById("total").innerHTML = "<h3>" + "ABCD" + "</h3>" + "</br>" + "<IMG ALIGN='center' " + "SRC='images/img.png'>";
    }
    c = 0;
}

我在本地主机上尝试了此代码，我在Google Chrome中获得了所需的输出。当我在Firefox和其他浏览器中尝试相同的页面时，它无法正常工作。只有复选框验证工作正常。在此先感谢

Answer 1

从个人经验来看，我注意到Chrome在小错误方面更宽容。你怎么没有在调试框中得到错误... 但是，我可以通过阅读代码看到的地方是您定义变量的地方a,b,c...我建议在每个变量之后放置一个逗号。所以，你得到：

var a = parseInt(answer1),
    b = parseInt(answer2),
    c = parseInt(answer3),
    d = parseInt(answer4),
    e = parseInt(answer5),
    f = parseInt(answer6),
    g = parseInt(answer7),
    h = parseInt(answer8),
    ii = parseInt(answer9),
    j = parseInt(answer10);

然后我认为你有错误。在定义var c = ...之后，您再次c。因此，请尝试在此处删除var。

JavaScript代码仅适用于Chrome，但不适用于Firefox，IE，Opera和Safari

1 个答案: