javascript - 如何验证单选按钮？

Question

如何在复选框上进行验证？

这是我的代码:

<script>
function Validate(){
   var cntct = document.getElementById("contact").value;
   if (cntct.value=="")
   {
      alert("Please select contact medium");
      return false;
   }
}
</script>

<input type="radio" name="contact" id="contact" value="SMS">
<label>SMS</label> <input type="radio" name="contact" id="contact" value="CALL">
<label>CALL</label> <input type="radio" name="contact" id="contact" value="EMAIL">
<label>EMAIL</label>

请帮忙..

Answer 1

对于复选框和单选按钮，当“checked”属性为 true 时，会检查该元素:

function Validate(){
    var selectedValue = "";
    var cntct = document.getElementsByname("contact");
    for(var i=0;i<cntct.length;i++) {
        if (cntct[i].checked)
        {
            selectedValue = cntct.value;
        }
    }
    if(selectedValue == "") {
        alert("Please select contact medium");
        return false;
    }
    return true;
}

更新

我刚刚注意到您有多个具有相同 ID 的元素。这是不允许的，在这种情况下，浏览器将仅返回具有该 ID 的最后一个元素。您需要迭代具有相同名称的元素，并选择一个具有checked属性的元素。参见上面的代码