javascript - 更改复选框未触发

Question

我在 html 页面上有一个复选框:

      <input type="checkbox" id="chk-info" name="chk-info"  /> 

当我尝试编写更改事件并运行时，它不会被触发。相反，如果我在正常触发的函数之前放置一条警报消息。

 alert('blah');
 var sth = function(){
 function m(){
$("input[type='checkbox']").click(function (e) {
            if ($(this).is(':checked')) {
                alert("true");
            } else {
                alert("false");
            }

        });
   }
     return{ m:m};
    };

我也尝试过使用 id 选择器，但运气不佳。谁能帮我指出问题出在哪里？

编辑:当我将复选框选中的函数放在上述函数之外时，它可以与 <input> 上附加的“onchange”事件配合良好。标签

Answer 1

将复选框的 onclick 事件放在页面加载时。

$(document).ready(function () {
    $("input[type='checkbox']").click(function (e) {
        if ($(this).is(':checked')) {
            alert("true");
        } else {
            alert("false");
        }
    });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<input type="checkbox" id="chk-info" name="chk-info" />
<label for="chk-info">label</label>