[英]checkbox change event not working
我正在尝试在laravel应用程序中为复选框包含onclick事件
这是我的输入部分
<input type="checkbox" id="early_access" name="early_access">
和功能
$(document).ready(function() {
$('#early_access').change(function() {
alert("booyah");
});
});
该功能不起作用..
伙计们,我找到了问题并解决了问题不幸的是,前端设计器正在运行其他功能来更改复选框的样式,并且它是从主布局继承的。
$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_flat-blue',
radioClass: 'iradio_flat-blue'
});
});
这正在运行而不是我的脚本:( ..当我删除它时,一切正常
您是否检查了jquery是否已加载 ?
window.onload = function() {
if (window.jQuery) {
// jQuery is loaded
alert("Yeah!");
} else {
// jQuery is not loaded
alert("Doesn't Work");
}
}
使用上
$(document).ready(function() {
$('#early_access').on("change", function() {
alert("booyah");
});
});
如果可以的话,建议您使用选择器#early_access
作为参数。
$(document).ready(function() {
$(document).on("change", "#early_access" function() {
alert("booyah");
});
});
它可能与id无关,但是如果您使用基于类的属性并且动态更改DOM,则它仍然会响应。 但这可能超出您的问题。
您的代码绝对正确,请参见以下小提琴https://jsfiddle.net/avinash8526/nL1crxn0/1/
$(document).ready(function() {
$('#early_access').change(function() {
alert("I will only work with check uncheck");
});
});
此外,您还应用了onchange事件,因此,只有选中/取消选中此框,此警报才会起作用
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.