javascript get value of html radio button input selected

Question

i have a simple form like this :

<form id="formSearch">
<label><input type="radio" name="number" value="1">singular</label><br>
<label><input type="radio" name="number" value="2">plural</label><br><br>
<INPUT type="Submit" Value="Show" name="show" ></INPUT>
</form>

I want to get the "radio-value" of the selected button with javascript :

var account = document.getElementsByName("number").value;

do not give the correct response. if I give a trap :

alert(account);

the result is : undefined. I do not know where the harm, is there who is willing to help me, thanks

score 1 · Answer 1 · answered May 23 '16 at 08:21

1

Using javascript:

document.querySelector('[name=number]:checked').value;

answered May 23 '16 at 08:21

Milind Anantwar

81,290
25
94
125

score 0 · Answer 2 · answered May 23 '16 at 08:20

0

In jquery, you can use the checked attribute selector for that

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

answered May 23 '16 at 08:20

Anoop Joshi P

25,373
8
32
53

Jitendra Tiwari · Answer 3 · 2016-05-24T05:29:49.737

0

function test() {
  
  var checkedRadioBtnList=new Array();
  
  var account = document.getElementsByName("number");
  
  for(i=0; i<account.length;i++){  
    if(account[i].checked){      
      checkedRadioBtnList.push({value:account[i].value});
    }    
  }
  
  console.log(checkedRadioBtnList);
}

<form id="formSearch">
<label><input type="radio" name="number" value="1">singular</label><br>
<label><input type="radio" name="number" value="2">plural</label><br><br>
<INPUT type="Submit" Value="Show" name="show" onclick="test()" ></INPUT>
</form>

getElementsByName will return an array.

EDIT

I had simply answer the question, how to get checked value using javascript.

There are lots of option to store values as per application. I have improve my answer to store checked radio button values in an Array using JSON Object.

edited May 24 '16 at 05:29

answered May 23 '16 at 08:21

Jitendra Tiwari

1,651
3
14
28

1

But how do you know which element is selected? Simply accessing the first radio is not a solution. – Rory McCrossan May 23 '16 at 08:23
@RoryMcCrossan check my updated answer. – Jitendra Tiwari May 23 '16 at 08:30
alerts false if i choose plural. – Jai May 23 '16 at 08:31
@Jitendra Tiwari : This way right if there are only two choices ( singular and plural ), what if there are more than two options ? – agus priyo May 23 '16 at 08:38
@Jai, @agus I have update my answer. please check my comment on `EDIT` part. – Jitendra Tiwari May 24 '16 at 05:31

javascript get value of html radio button input selected

3 Answers3