Question

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

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

当我尝试写一个on change事件并运行时，它没有被解雇。相反，如果，我在功能之前发出一条警告信息就可以解雇了。

 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选择器，但运气不好。任何人都可以帮我指出问题所在吗？

编辑：当我将复选框选中功能置于上述功能之外时，它可以很好地与“变换”相关联。标签附带的事件

提前致谢。

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>

Answer 2

$(document).ready(function () {
    $("input[type='checkbox']").click(function (e) {
        if ($(this).is(':checked')) {
            $(this).val("true");
        } else {
            $(this).val("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>

jQuery：关于更改的复选框没有触发

2 个答案: