使用onclick更改Javascript变量

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取决于状态返回布尔值（true或false）。其次，该if语句仅在页面加载该脚本时处理一次。将其放在函数中以再次调用它。

Answer 2

将 if 语句包装到一个函数中，然后在 onclick 事件中调用该函数。

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

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

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