检查复选框是否使用Javascript进行检查

Question

我一直在试图检查复选框是否被选中。出于某种原因，它不能正常工作，它只是说没有选择任何东西。

功能

if(document.theform.hail.Checked==true && document.theform.wind.Checked==false && document.theform.tornado.Checked==false){ 
     alert("Hail Checked"); 
}else{ 
     alert("Nothing Selected"); 
    } 

形式

<form name="theform" action="<?php echo $PHP_SELF; ?>" method="post"> 
     <div class="date"> 
     From: <script type="text/javascript">DateInput('orderdate', true, 'YYMMDD')</script> To:<script type="text/javascript">DateInput('orderdatetwo', true, 'YYMMDD')</script> 
     </div> 
     <div class="checkBoxes"> 
     <input id="hail" name="hail" type="checkbox" value="hail">Hail<br /> 
     <input id="wind" name="wind" type="checkbox" value="wind">Wind<br /> 
     <input id="tornado" name="tornado" type="checkbox" value="tornado">Tornado<br /> 
     <input name="submit" type="submit" value="View Data" onClick="document.theform.action='<?php echo $PHP_SELF; ?>';"> 
     <input name="submit" type="button" value="Create KML" onClick="generatorChoice();"> 

Answer 1

的属性应该是在小写。

var theform = document.theform; 
if(theform.hail.checked && !theform.wind.checked && !theform.tornado.checked) { 
    alert("Hail Checked"); 
} else { 
    alert("Nothing Selected"); 
} 

而且，上面的代码所示：

• 无需对true或false
• 商店获得更好的性能

Answer 2

明确检查theform参考在Javascript中，该物业的名称为checked，而不是Checked。

Answer 3

if(document.getElementById("hail").checked && !document.getElementById("wind").checked && !document.getElementById("tornado").checked) { 
    alert("Hail Checked"); 
} else { 
    alert("Nothing Selected"); 
}