檢查複選框是否使用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"); 
}