CODEWITHSUNDEEP
javascript
Rahul Singh
Rahul Singh

Reputation: 1632

Javascript for radio group

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;
}

Upvotes: 1

Views: 3840

Answers (2)

KV Prajapati
KV Prajapati

Reputation: 94645

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);

Upvotes: 0

gustavotkg
gustavotkg

Reputation: 4399

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

Upvotes: 1

Related Questions