Javascript （'；复选框'；）.change（）在页面加载时运行

我正在进行一个项目，在这个项目中，我有一个复选框，我想在复选框从勾选改为取消勾选时运行一个函数，反之亦然

以下是复选框：

<input class="form-control main_checkbox_class"
       type="checkbox"
       value="1"
       checked="checked"
       id="main_checkbox_id" >

---

但是，当我运行此功能时，页面加载时“hello”会打印到控制台，然后当我选中或取消选中复选框时，不会发生任何事情，我不知道为什么会发生这种情况，如果您能帮助解决此问题，我将不胜感激

您需要提供事件处理程序作为函数引用。当您将

console.log

的结果分配给事件处理程序时，代码正在加载运行。试试这个：

$(function() {
  $('.main_checkbox_class').change(function() {
    console.log( $(this).is(':checked') );
  });
});

$('.main_checkbox_class').change(function() {
  console.log('hello');
});

---

您需要提供事件处理程序作为函数引用。当您将

console.log

的结果分配给事件处理程序时，代码正在加载运行。试试这个：

$('.main_checkbox_class').change(function() {
  console.log('hello');
});

---

如果您取消选中/勾选复选框，您希望发生什么？如果您取消选中/勾选复选框，您希望发生什么？谢谢，这是答案，我对javascript非常陌生，我一直被这个问题绊倒。我会在10分钟后接受。谢谢，这是答案，我对javascript非常陌生，我经常被这个问题绊倒。10分钟后我接受。