Javascript变量随onclick变化

Question

我想在复选框内更改一个变量，该变量会导致 if 语句在不重新加载页面的情况下进行计算，但我正在努力......仍在学习中，抱歉!

相关代码如下:

 <!--Variable declaration-->
 <script type="text/javascript"> var lettuce = false; </script>

 <!--The following line is within a form-->
 <input type="checkbox" onclick="lettuce=true" name="food" value="lettuce" /> Lettuce<br />

 <--the if statement-->
 <script type="text/javascript">    
      if (lettuce == true) {
    document.write("45");   
  }
 </script>

谢谢!

Answer 1

<input type="checkbox" onchange="lettuce=this.checked; recompute();" name="food" value="lettuce" /> Lettuce<br />

<script type="text/javascript">
function recompute()    
      if (lettuce == true) {
    document.write("45");   
  }
}
 </script>

首先，您需要 onchange 事件，当复选框的状态发生变化时调用该事件。 this.checked 根据该状态返回 bool 值(true 或 false)。其次，if 语句仅在页面加载该脚本时处理一次。将它放在一个函数中以再次调用它。