我在 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”事件配合良好。标签
最佳答案
将复选框的 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>
关于javascript - 更改复选框未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46019573/