首页 > javascript > select > Javascript Form - 如何获取选中的复选框

Javascript Form - 如何获取选中的复选框

select 【select】
我们想知道如何获取选中的复选框。
代码展示 运行结果 

<html>
    <script language="JavaScript">
    function submitOrder()
    {
      var alertString = "Order: ";
      if(document.orderForm.lettuceCB.checked == true)
        alertString += " with lettuce ";      
      if(document.orderForm.cheeseCB.checked == true)
        alertString += "with cheese ";        
      if(document.orderForm.tomatoeCB.checked == true)
        alertString += "with tomatoe ";       
      console.log(alertString);
    }
    </script>
    <form name="orderForm">
      Lettuce
      <input type="checkbox" value="lettuce" name="lettuceCB"><br>
      Cheese 
      <input type="checkbox" value="cheese" name="cheeseCB"><br>
      Tomatoe
      <input type="checkbox" value="tomatoe"name="tomatoeCB"><hr>
      Step 2:
      <input type="button" value="Submit Order" name="orderButton" onClick="submitOrder()">
    </form>
</body>
</html>