Skip to content

Error in getting Value from Input Radio button

var numb=0;
var responsen=[];
function submit() {
    for (var index = 0;index<numb; index++){
            var form = document.getElementById("value");
            var name=index+1;
            const query='#'+name
            var radval=document.querySelector(query).value;
    ref1=firebase.database().ref('beta/' + 'uid/'+ code1+"/"+"simplesheet/"+"0/")
    ref1.once("value", function(snapshot){
        var numb=snapshot.val().num.count;
    document.getElementsByClassName("ht")[0].innerText="YOUR RESPONSE HAS BEEN SUBMITTED"
    firebase.database().ref('beta/' + 'uid/'+ code1 +"/"+"simplesheet/"+"0/"+"answers/"+uid+"/").set({
<form id="value" method="POST" action="submit()">this<hr><br>Que<br><input type="radio" value="1" name="1">is<br><input type="radio" value="2" name="1">a<br><input type="radio" value="3" name="1">question<br><input type="radio" value="4" name="1">papaer<br><hr> xas<hr><br>serew<br><input type="radio" value="1" name="2">werwer<br><input type="radio" value="2" name="2">werewr<br><input type="radio" value="3" name="2">werwer<br><input type="radio" value="4" name="2">werwr<br><hr></form>

I am using Firebase Realtime Database to upload values of selection of the radio buttons.

I have tried getting value of radio button with all the solutions provided in this question :How to get value of selected radio button? but it shows error in all three types I have tried.
I can’t figure out the problem. I have set up this js-fiddle please see this: JS-Fiddle Reffered to this one also..>>Using querySelector with IDs that are numbers Error Raised Zomming in to It: Error Handling After Updating: It still Gives Error After After Another ERROR EDIT: And after reading all the suggested options I think it is least possible to do that with firebase the way I have used it using only JavaScript. ’cause they require declaring it on page load but content loads using firebase after document load. See These answers:a1 a2a3 from what I read I think the problem is somewhere in V8’s implementing ES6
ES6’s query selector also fails…


Finally solved this.

for (var index = 0;index<numb; index++){
        var form = document.getElementById("value");
        const forms = document.forms.value;
        var name=index+1;
        const radios = forms.elements[name.toString()].checked;
        const query='['+'name="'+name+'"]'
        var radval=document.querySelector('input'+query+':checked');
        var radval1=document.querySelector('input'+query+':checked');
        //var val1=form.getElementById(name).value;
**if (radval1!=null) {

Another way to do this. See this fiddle:

  • Problem was with null value given when object did not catered to needs.