javascript单选按钮验证

Question

大家好，我只是尝试对我的 javascript 单选按钮做一些验证，但没有用。每次我点击提交按钮都没有发生任何事情。下面是代码。


HTML部分

   <form name="FirstPizza">
         <td>
             Style:
                <br/>
            <input type="radio" name="style"/>
            Thin Crust
                <br />
            <input type="radio" name="style" />
            Deep Dish
                <br />
            <input type="radio" name="style" />
            Sicilian
        </td>
   </form>

Javascript:

function submitForm(){
        if((!form.style[0].checked)  && (!form.style[1].checked) && (!form.style[2].checked))
             {
           window.alert("You must have a  style")
             }

我应该带一个盒子，但什么也没发生。我错过了什么吗？

Answer 1

你很接近!根据您的评论，您的 form 变量未定义。您需要像这样在某处定义 form:

function submitForm() {
  // define the form variable
  var form = document.getElementsByName("FirstPizza")[0];

  if((!form.style[0].checked)  && (!form.style[1].checked) && (!form.style[2].checked))  {
    window.alert("You must have a style");
  } else {
    window.alert("a style was selected");      
  }
}

(参见工作 jsfiddle here)