0

オンラインクイズの質問を循環する関数を作成しました。私はIEを除くすべてのブラウザで問題なく動作します(IEが丸くなって死ぬことを願っています)。機能は以下。

function cycleQs() {
var qs = document.getElementsByName("quizQ");
var nextQBtn = document.getElementById("btnNextQ");
var i = 0;
var curQ = -1;
for (i = 0; i < qs.length; i++) {
    if (qs[i].style.display == "block") {
        curQ = i;
    }
    //qs[i].style.display = "none";
}
var valid = false;
if (curQ > -1) {
    var qId = qs[curQ].id.replace("dv", "");
    var inps = document.getElementsByName(qId);
    if (inps.length > 0) {
        if (inps[0].type == "radio") {
            for (i = 0; i < inps.length; i++) {
                if (inps[i].checked) {
                    valid = true;
                }
            }
        } else if (inps[0].type == "hidden") {
            valid = true;
            for (i = 0; i < inps.length; i++) {
                if (inps[i].value <= 0) {
                    valid = false;
                }
            }
        }
    } else {
        valid = true;
    }
} else {
    valid = true;
}

if (valid == true) {
    for (i = 0; i < qs.length; i++) {
        qs[i].style.display = "none";
    }
    if (curQ < (qs.length - 1)) {
        qs[curQ + 1].style.display = "block";
        if (curQ == (qs.length - 2)) {
            var scoreDv = document.getElementById("dvScore");
            nextQBtn.style.display = "none";
            var answers = getAnswers();
            //alert(answers)
            scoreDv.innerHTML = "Processing";
            processResults(answers);
        }
    } else {
        qs[0].style.display = "block";    // Problem occurs here when function first loads
    }
} else {
    alert("You must select an answer before you can proceed");
}
}

これに対する回避策のアイデアはありますか?

4

1 に答える 1

0

document.getElementsByNameIE の実装のため、何も返さない可能性があります:ここを参照してください

だからqs[0]多分存在しない

于 2012-08-30T14:59:52.073 に答える