Javascript Form How to - Handle focus lost event for CheckBox








Question

We would like to know how to handle focus lost event for CheckBox.

Answer


<html>
    <form name="orderForm">
      <input type="checkbox" name="peppers" onBlur="my()">Peppers<br>
      <input type="checkbox" name="sausage">Sausage<hr> 
      <input type="button"
             value="Order Pizza"
             name="orderButton"
             onClick="console.log('Your pizza has been ordered.')">
    </form>
    <script language="JavaScript">
    function my()<!-- ww w  . j a  v  a2s .c  om-->
    {
      if(document.orderForm.peppers.checked == true)
      {
        console.log("peppers.");
      }
    }
    </script>
</html>

The code above is rendered as follows: