Getting the value from a radio button using javascript

Question

I have a HTML form with radio inputs and want to use javascript to analyse the results. I am getting stuck at retrieving the form information in my JavaScript function:

function getResults(formInput){
    alert (formInput.question1);
}

Where question1 is the "name" of my radio button group.

This returns "object Nodelist" and I haven't a clue what's wrong, I would expect it to return "1", which is the value of my radio button when selected.

I don't want to work out which radio button is selected and which isn't, I need to know the value associated with the selected radio button.

Have you checked the code repository at javascript.internet.com? You've got to write a loop and check each of the buttons for the selected value. — Tim
– Tim, Commented Nov 22, 2011 at 20:37

James Hill · Accepted Answer · 2011-11-22 20:40:12Z

9

The object Nodelist that you're referring to is being returned because you have a group of elements that share the same name. If you want to see the value of the radio button that's checked, you need to loop through the collection:

function getResults() {
    var radios = document.getElementsByName("question1");

    for (var i = 0; i < radios.length; i++) {       
        if (radios[i].checked) {
            alert(radios[i].value);
            break;
        }
    }
}

Here's a working jsFiddle.

edited Nov 22, 2011 at 20:40

answered Nov 22, 2011 at 20:33

James Hill

62.1k22 gold badges150 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Joseph Robins Over a year ago

Thanks for your advice on my previous post and the response here, I shall try it and see what I can make

James Hill Over a year ago

@JosephRobins, please see updated post. There was a bug in my previous answer.

Joseph Robins Over a year ago

Oh you beauty! I am so happy now :):):) Thanks so much for all your help!

bergman · Accepted Answer · 2018-03-05 03:54:31Z

1

you can get a more simple and elegant solution:

<input type=radio name=my_radio value=value_1>

var my_form = document.querySelector('#my_form');
var my_radio = my_form.elements.my_radio;

alert(my_radio.value)  // this is the radionodelist.value you can check it on mdn

answered Mar 5, 2018 at 3:54

bergman

711 silver badge5 bronze badges

Collectives™ on Stack Overflow

Getting the value from a radio button using javascript

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related