CheckBox的焦点事件 :

<html>
    <form name=\"orderForm\">
      <input type=\"checkbox\"
             name=\"peppers\">Peppers<br>
      <input type=\"checkbox\"
             name=\"sausage\"
              =\"chooseExtraCheese()\">Sausage<br>
      <input type=\"checkbox\"
             name=\"cheese\">Extra Cheese<hr>
      <input type=\"button\"
             value=\"Order Pizza\"
             name=\"orderButton\"
              =\"console.log(\'ordered.\')\">
    </form>
    <  language=\" \">
    function chooseExtraCheese()
    {
      if(document.orderForm.sausage.checked == false)
      {
        document.orderForm.cheese.checked = true;
      }
    }
    document.write(\"checkbox   event handler: \");
    document.write(document.orderForm.sausage. );
    </ >
</html>

 

CheckBox的失去焦点事件 :

<html>
    <form name=\"orderForm\">
      <input type=\"checkbox\" name=\"peppers\"  =\"my()\">Peppers<br>
      <input type=\"checkbox\" name=\"sausage\">Sausage<hr> 
      <input type=\"button\"
             value=\"Order Pizza\"
             name=\"orderButton\"
              =\"console.log(\'Your pizza has been ordered.\')\">
    </form>
    <  language=\" \">
    function my()
    {
      if(document.orderForm.peppers.checked == true)
      {
        console.log(\"peppers.\");
      }
    }
    </ >
</html>
收藏 打印