Javascript Form How to - Handle click event for CheckBox

Question

We would like to know how to handle click event for CheckBox.

Answer


<html>
    <form name="orderForm">
      <input type="checkbox" name="door4" onClick="console.log('door4')">4 doors<br>
      <input type="checkbox" name="door2" onClick="displayNote()">2 doors<hr>
      Step 2:<!--from ww w . ja  v a  2  s.c  om-->
      <input type="button" value="Submit Order" name="orderButton" onClick="console.log('submitted')">
    </form>
    <script language="JavaScript">
    function displayNote(){
      console.log("Have you considered the 4-door version?");
      document.orderForm.door4.click();
    }
    </script>
</html>

The code above is rendered as follows: