Javascript for radio group

Question

I have used a javascript to check if radio button is checked or not. If it is not checked than I return false. But my Js is not working for that...

       //Gender
if ((document.addpcpform.gender[0].checked == false) && (document.addpcpform.gender[1].checked == false)) {
    alert("Please choose your gender: Male or Female");
    return false;
}

Form name = addpcpform., radio button name = gender.

If I use Id of radio at place than also it fails to run.

       //Gender
if ((document.addpcpform.Male.checked == false) && (document.addpcpform.Female.checked == false)) {
    alert("Please choose your gender: Male or Female");
    return false;
}

Could you give your HTML code as well? – David Hu Nov 26 '11 at 03:01 — David Hu, Nov 26 '11 at 03:01

score 1 · Accepted Answer · edited May 23 '17 at 10:34

1

Try:

if (!document.getElementById('Male').checked && !document.getElementById('Female').checked) {
   alert("Please chosse your gender: Make or Female");
   return false;
}

You can see more information at How can I check whether a radio button is selected with JavaScript? is a possible duplication

edited May 23 '17 at 10:34

Community

1
1

answered Nov 26 '11 at 03:02

gustavotkg

4,099
1
19
29

If I wish to achieve task using getByName.. Because here I have only 2 radio group If I have more than 50 with name as `radio[]`? – Rahul Singh Nov 26 '11 at 03:12
If you have to validate multiples checkboxes, you just need to loop through them and check if at leat one is checked. – gustavotkg Nov 26 '11 at 03:19

score 0 · Answer 2 · answered Nov 26 '11 at 03:05

You can use document.getElementsByName() method which return a nodeList.

<form name="addpcpform">
 Male <input type="radio" name="gender" value="Male"/>
 Female <input type="radio" name="gender" value="Female"/>
...
</form>

JavaScript:

var gender=document.getElementsByName("gender");
alert(gender.item(0).checked + " " + gender.item(1).checked);

Javascript for radio group

2 Answers2