javascript - 防止页面重新加载后在复选框上触发更改事件

Question

每次刷新页面时，都会在复选框上触发更改事件。如何防止这种情况发生？

我有一个标准复选框，格式为:

<div class="toggle-icon"><input id="this-box" class="toggle-icons" type="checkbox">
    <label for="this-box"><img class="toggle-image" width="36px" height="36px" src="/somedirectory/"></label>
</div>

在 javascript 中，我有复选框的更改处理程序:

    $(document).ready(function() {
      $('#this-box').change(function(e){
       //some actions I do not want to occur on page refresh
      });
    });

感谢人们发布的解决方案，但是代码可能存在另一个问题。不幸的是，无法在这里发布更大的代码库。

Answer 1

创建一个点击事件，因此只有点击时才会触发其功能。

$("#this-box").click(function () {
    alert("Handler for .click() called.");
});