复选框更改事件不起作用
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事件,因此此警报仅在选中/取消选中此框时才有效
相关文章:
- JsFiddle上的鼠标事件不起作用
- 在IE8中不起作用的元素上触发单击事件
- 链接上的IE10 jquery句柄单击事件不起作用
- Javascript点击事件回调不起作用
- jQuery加载完成事件不起作用
- 覆盖单击事件不起作用
- 鼠标事件在OpenLaszlo应用程序中不起作用
- 单击事件不起作用
- 插入后单击锚点标记上的事件after不起作用
- 为什么body元素上的onclick事件不起作用
- 追加Jquery后的Binding Click事件不起作用
- chrome中的onmouseover(下拉选项标记)事件不起作用-php,javascript
- 添加事件侦听器不起作用
- onclick事件在asp.net上不起作用
- jQuery调用keyup事件不起作用
- 单击事件在jquery easyui多选项卡中不起作用
- jQuery ContextMenu事件在IOS 8.2中不起作用
- 第二个事件[onClick]不起作用
- 按键事件上的简单HTML输入不起作用
- Keyup事件在easyui上不起作用