我们想知道如何处理CheckBox的click事件。

实例1:

<html>
    <form name=\"orderForm\">
      <input type=\"checkbox\" name=\"door4\"  =\"console.log(\'door4\')\">4 doors<br>
      <input type=\"checkbox\" name=\"door2\"  =\"displayNote()\">2 doors<hr>
      Step 2:
      <input type=\"button\" value=\"Submit Order\" name=\"orderButton\"  =\"console.log(\'submitted\')\">
    </form>
    <  language=\" \">
    function displayNote(){
      console.log(\"Have you considered the 4-door version?\");
      document.orderForm.door4.click();
    }
    </ >
</html>

 

实例2:

<html>
    <form name=\"orderForm\">
      <input type=\"checkbox\" name=\"peppers\"  =\"recommendSausage()\">Peppers<br>
      <input type=\"checkbox\" name=\"sausage\">Sausage<hr>
      Step 2:
      <input type=\"button\" value=\"Order Pizza\" name=\"orderButton\"  =\"console.log(\'ordered.\')\">
    </form>
    <  language=\" \">
    function recommendSausage()
    {
      if(document.orderForm.peppers.checked == true)
      {
        console.log(\"Sausage goes well with peppers.\");
      }
    }
    document.write(\"The pepper checkbox   event handler: \");
    document.write(document.orderForm.peppers. );
    </ >
</html>
收藏 打印