RadioButton always returning false - JavaScript

Question

I have a HTML page that have many section with inputs consisting of RadioButtons and CheckBox. The first one of them is like this:


    True

    False

Answer1

After the final input I am looking for each input and investigating that the correct answers are checked. Here is the part of script that is doing this job:

var ansList = document.getElementById(thisFrame + "_a").innerHTML.split(",");
for (var k = 0; k < ansList.length; k++) {
   var ele =  document.getElementById(ansList[k]);
   result = result & ele.checked ;
}

where thisFrame for this iteration is replaceAble1. Upon debugging it is clear that I am getting the correct element id in ansList[k] i.e. Answer1. Now the problem is, every time, whether the Answer1 is checked or not ele.checked is returning false. What could be the reason?

Update:

I think it would better to put complete code. So here it is:


    Q 
        Do you live in Pakistan?
    
    
        True

        False
    
    Answer1
    null


    Q. 
        Do you go for cycling daily?
    
    
        True

        False
    
    Answer2
    null


    Q 
        When Do you Sleep?
    
    
        Morning

        Evening

        Night                        
    
    Answer3
    notAnswer1,notAnswer2


    Q 
        What Do you Eat?
    
    
        Launch

        Break Fast

        Dinner

    
    Answer4,Answer5,Answer6
    null

And the script is:

var i = 0;
var answered = false;
var score = 0;
var unitScore = 5;
var totalScore = 20;
var frameList = ["replaceAble1", "replaceAble2", "replaceAble3", "replaceAble4"];
function setAnswered() {
    answered = true;
}
function displayAnswer(isTimeUp) {
    var Message;
    var j;
    if (isTimeUp) {
        Message = "Times Up";
    } else {
        Message = "Quiz End";
    }

    for (j = 0; j < frameList.length; j++) {
        var result = true;
        var thisFrame = frameList[j];
        var ansList = document.getElementById(thisFrame + "_a").innerHTML.split(",");
        for (var k = 0; k < ansList.length; k++) {
            var ele =  document.getElementById(ansList[k]);
            result = result & ele.checked ;
        }
        ansList = document.getElementById(thisFrame + "_n").innerHTML.split(",");
        for (var k = 0; k < ansList.length; k++) {
            if (ansList[k] !== "null")
                result = result & (!document.getElementById(ansList[k]).checked);
        }
        if (result) {
            score = Number(score) + Number(unitScore);
        }
    }
    document.getElementById("QuestionPan").style.display = "none";
    document.getElementById("resultPan").style.display = "block";
    document.getElementById("message").innerHTML = Message;
    document.getElementById("totalMarks").innerHTML = totalScore;
    document.getElementById("score").innerHTML = score;
    var timetaken = count - document.getElementById("time").innerHTML;
    document.getElementById("timetaken").innerHTML = timetaken + " minutes";
}
function submition() {
    if (!answered) {
        alert("Please select at least one Answer for this question.");
        return;
    }
    if (i === (frameList.length - 1)) {
        displayAnswer(false);
        return;
    }
    document.getElementById(frameList[i++]).style.display = "none";
    document.getElementById(frameList[i]).style.display = "block";
    document.getElementById("counter").innerHTML = (Number(i) + 1) + '/' + frameList.length;
    answered = false;
}

Only the first answer i.e. Answer1 is causing this problem. Every thing else is working fine.

Tariq · Accepted Answer

Got the problem. The problem was with HTML not the JavaScript. I have by mistake set the name field of all inputs same i.e. Answer. Hence all the radio button in all replaceable divs were belonging to same group. So when I set the Answer2 of replaceable2 the radio button of replaceable1 is reset. Being invisible I was't able to track this bug. So simply I changed the html to


    Q 
        Do you live in Pakistan?
    
    
        True

        False
    
    Answer1
    null


    Q. 
        Do you go for cycling daily?
    
    
        True

        False
    
    Answer2
    null


    Q 
        When Do you Sleep?
    
    
        Morning

        Evening

        Night                        
    
    Answer3
    notAnswer1,notAnswer2


    Q 
        What Do you Eat?
    
    
        Launch

        Break Fast

        Dinner

    
    Answer4,Answer5,Answer6
    null

And it worked properly.

RadioButton always returning false - JavaScript

Answers (2)

Update

Related Questions