Javascript for radio组

Question

我使用javascript检查单选按钮是否被选中。如果未选中，则返回false。但我的Js不是为这个工作的。

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

表单名称= addpcpform.，单选按钮名称= gender。

如果我在地方使用无线电的Id，那么它也不能运行。

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

Answer 1

尝试：

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

您可以在How can I check whether a radio button is selected with JavaScript?上查看更多信息，这是一个可能的副本

Answer 2

您可以使用返回nodeList的document.getElementsByName()方法。

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