Question

172

passing HTML radio button value to a javascript variable

rated 0 times [ 177] [ 5] / answers: 1 / hits: 22177 / 11 Years ago, sun, march 24, 2013, 12:00:00

I wonder if anyone can help me out, I'm stuck where I need to write a little code that goes like this.

Question : did you like the training?



<input type=radio name=q4 value=Yes>Yes

<input type=radio name=q4 value=No>No

whatever is checked I want to pass it to a javascript variable.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kaceyr

Add To Favorites

Follow

Total Points: 510

Total Questions: 97

Total Answers: 116

Location: Solomon Islands

Member since Fri, Oct 8, 2021

3 Years ago

kaceyr questions

1 TypeScript Expected 1 arguments, but got 2

Wed, Dec 15, 21, 00:00, 2 Years ago

1 How to show input fields based on mat radio button selection in angular material

Wed, Jun 24, 20, 00:00, 4 Years ago

1 How to change variable value in index.html based on the environment in angular

Thu, Feb 6, 20, 00:00, 4 Years ago

1 react dynamic import using a variable doesn't work

Sat, Oct 12, 19, 00:00, 5 Years ago

1 puppeteer-cluster: queue instead of execute

Mon, Aug 5, 19, 00:00, 5 Years ago

View All

answered 11 Years ago marinalyssak · Accepted Answer

I think you could do something like this:

var ch = document.getElementsByName('q4');



for (var i = ch.length; i--;) {

    ch[i].onchange = function() {

        alert(this.value);

    }

}

http://jsfiddle.net/EUErP/

So you subscribe to to change event and can use selected value somehow.

Alternatively you can use querySelector (querySelectorAll) methods. Here is an example of how you can get checked element value:

var checked = document.querySelector('[name=q4]:checked');

http://jsfiddle.net/EUErP/2/