复选框更改事件不起作用

checkbox change event not working

本文关键字:不起作用 事件 复选框      更新时间:2023-09-26

我正在尝试在我的 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事件,因此此警报仅在选中/取消选中此框时才有效