复选框更改事件不起作用答案

【问题标题】：checkbox change event not working复选框更改事件不起作用
【发布时间】：2016-03-02 02:33:18
【问题描述】：

我正在尝试在我的 laravel 应用程序中包含一个复选框的 onclick 事件

这是我的输入部分

<input type="checkbox" id="early_access" name="early_access">

还有功能

$(document).ready(function() {
  $('#early_access').change(function() {
    alert("booyah");
  });
});

该功能不起作用..

【问题讨论】：

Athul，代码非常好，必须按预期工作，您在控制台中看到任何错误吗？？
您是否尝试通过发出一个简单的警报来检查您的 jquery 在此页面中的工作情况？
@AlimonKarim 是的，我做到了，jquery 工作得很好......还有其他也在工作的功能
@Reddy 控制台没有错误.. 什么都没有
我猜可能还有另一个复选框和一些可能导致问题的 HTML，您能否发布您的完整代码。或者您自己也可以创建一个 JSFiddle，您将能够找出问题所在。

标签： javascript checkbox onchange

【解决方案1】：

各位，我发现了问题并解决了不幸的是，前端设计器运行了一些其他功能来更改复选框的样式，并且它是从主布局继承的......

$(document).ready(function(){
$('input').iCheck({
    checkboxClass: 'icheckbox_flat-blue',
    radioClass: 'iradio_flat-blue'
});
});

这是运行而不是我的脚本 :( .. 当我删除它时一切正常

【讨论】：

【解决方案2】：

你有checked if your jquery was loaded吗？

window.onload = function() {
    if (window.jQuery) {  
        // jQuery is loaded  
        alert("Yeah!");
    } else {
        // jQuery is not loaded
        alert("Doesn't Work");
    }
}

使用on

$(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，它仍将是响应式的。但这可能超出了您的问题的重点。

【讨论】：

那么这如何解决他的问题呢？他的问题是什么？
@Wistar 是的 jquery 工作正常，我也尝试了你答案中的所有内容.. 但该功能仍然没有触发，同一页面上还有许多其他功能运行良好......当谈到复选框时，我正面临这个问题

【解决方案3】：

你的代码绝对没问题，看看这个小提琴 https://jsfiddle.net/avinash8526/nL1crxn0/1/

 $(document).ready(function() {
  $('#early_access').change(function() {
    alert("I will only work with check uncheck");
  });
});

您还应用了 onchange 事件，因此此警报仅在您选中/取消选中此框时才有效

【讨论】：