How can I check which of the two radio button is checked in javascript/jquery? [duplicate]

Question

How can I check which of the two radio button is checked in javascript/jquery in order to get the value of the input considering the fact that, in the HTML, both of them are by default unchecked (no checked attribute is added)

<input type="radio" name="AS88" value="true" required>
<input type="radio" name="AS88" value="false">

The following code does not work:

var elements = document.getElementsByName("AS88");
for (var i=0, len=elements.length; i<len; ++i) {
    if (elements[i].checked) {
        alert(elements[i].value)
    } 
};

EDIT:

Solutions with :checked in jquery such as:

$('input[name="AS88"]:checked').val();

always return undefined

you have to capture it on change() event of the radio button. — Venkata Krishna
– Venkata Krishna, Commented Dec 30, 2013 at 15:20
Sounds like a timing issue. Are you sure you're not executing the code before those inputs exist? — Teemu
– Teemu, Commented Dec 30, 2013 at 15:24
the code is executed just before the submit so all the input already exist — GiGamma
– GiGamma, Commented Dec 30, 2013 at 15:27
You say "both of them are by default unchecked", so unless the user actually clicks one of them both will remain in the unchecked state and your code (with or without jQuery) will not find a checked one. — nnnnnn
– nnnnnn, Commented Dec 30, 2013 at 15:31
I use required so the user is forced to select the option before the submit... — GiGamma
– GiGamma, Commented Dec 30, 2013 at 15:37

Arun P Johny · Accepted Answer · 2013-12-30 15:20:30Z

7

use attribute selector along with :checked selector and .val() to get the value of the checked input element with name AS88

$('input[name="AS88"]:checked').val()

Demo: Fiddle

answered Dec 30, 2013 at 15:20

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

8 Comments

GiGamma Over a year ago

This always returns undefined

Arun P Johny Over a year ago

@GigiGammino if none of the radios are checked then it will return undefined

Arun P Johny Over a year ago

@GigiGammino check the attached jsfiddle

GiGamma Over a year ago

it works fine on fiddle but the same code (except for the click function) returns undefined for me!

Arun P Johny Over a year ago

that means the selector $('input[name="AS88"]:checked') is wrong

|

Collectives™ on Stack Overflow

How can I check which of the two radio button is checked in javascript/jquery? [duplicate]

1 Answer 1

8 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Linked

Related