验证Javascript中的单选按钮

Question

我正在尝试使用Javascript验证某些单选按钮，但无法正常工作。 我只想确保用户通过选中单选按钮来回答问题，并且没有让任何问题悬而未决。 这是代码：

Html
….
Gender:
<input type="radio" id="Male" name="Gender"> Male
<input type="radio" id="Female" name="Gender"> Female

Member:
<input type="radio" id="Mem" name="Member"> Yes
<input type="radio" id="NonMem" name="Member"> No

Vegetarian:
<input type="radio" id="Veg" name="Veget"> Yes
<input type="radio" id="NonVeg" name="Veget"> No
……

function validate()

if (!document.getElementByID("Male").checked && !document.getElementByID("Female").checked)
        {alert("Please specify gender");
        return;}

if (!document.getElementByID("Mem").checked && !document.getElementByID("NonMem").checked)
        {alert("Please specify member");
        return;}

if (!document.getElementByID("Veg").checked && !document.getElementByID("NonVeg").checked)
        {alert("Please specify vegetarian");
        return;}

任何答案/帮助将不胜感激。

Answer 1

 function validate() { if (!document.getElementById("Male").checked && !document.getElementById("Female").checked) {alert("Please specify gender"); return;} if (!document.getElementById("Mem").checked && !document.getElementById("NonMem").checked) {alert("Please specify member"); return;} if (!document.getElementById("Veg").checked && !document.getElementById("NonVeg").checked) {alert("Please specify vegetarian"); return;} alert("successfully validated"); }

 Gender: <input type="radio" id="Male" name="Gender"> Male <input type="radio" id="Female" name="Gender"> Female <br> Member: <input type="radio" id="Mem" name="Member"> Yes <input type="radio" id="NonMem" name="Member"> No <br> Vegetarian: <input type="radio" id="Veg" name="Veget"> Yes <input type="radio" id="NonVeg" name="Veget"> No <br> <input type='button' value='Validate' onclick='validate()'>

document.getElementByID到document.getElementById

Answer 2

尝试这个

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
 Gender:
    <input type="radio" id="Male" name="Gender"> Male
    <input type="radio" id="Female" name="Gender"> Female
    <br>
    Member:
    <input type="radio" id="Mem" name="Member"> Yes
    <input type="radio" id="NonMem" name="Member"> No
    <br>
    Vegetarian:
    <input type="radio" id="Veg" name="Veget"> Yes
    <input type="radio" id="NonVeg" name="Veget"> No
    <br>
    <input type='button' value='Validate' onclick='validate();'>
    <script>
     function validate()
    {
    if (!document.getElementById("Male").checked && !document.getElementById("Female").checked)
            {alert("Please specify gender");
            return;}

    if (!document.getElementById("Mem").checked && !document.getElementById("NonMem").checked)
            {alert("Please specify member");
            return;}

    if (!document.getElementById("Veg").checked && !document.getElementById("NonVeg").checked)
            {alert("Please specify vegetarian");
            return;}
      alert("successfully validated");
      }
    </script>
</body>
</html>

Answer 3

您弄乱了小的代码错误，但是您的逻辑是完全正确的...只看一下您的代码

您使用document.getElementByID可能是document.getElementById ...您知道吗？

不是ID 。 这是Id 。

Answer 4

简单，只需更正Javascript代码中的“ TypeError”即可 ：

更换：

document.getElementByID

附：

document.getElementById

验证Javascript中的单选按钮

问题描述

4 个解决方案

解决方案1
1 2015-03-11 10:08:00

解决方案2
0 2015-03-11 10:14:06

解决方案3
0 2015-03-11 10:30:19

解决方案4
0 2015-10-29 08:07:26

验证Javascript中的单选按钮

问题描述

4 个解决方案

解决方案1 1 2015-03-11 10:08:00

解决方案2 0 2015-03-11 10:14:06

解决方案3 0 2015-03-11 10:30:19

解决方案4 0 2015-10-29 08:07:26

解决方案1
1 2015-03-11 10:08:00

解决方案2
0 2015-03-11 10:14:06

解决方案3
0 2015-03-11 10:30:19

解决方案4
0 2015-10-29 08:07:26