復選框更改事件不起作用

Question

我正在嘗試在laravel應用程序中為復選框包含onclick事件

這是我的輸入部分

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

和功能

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

該功能不起作用..

Answer 1

伙計們，我找到了問題並解決了問題不幸的是，前端設計器正在運行其他功能來更改復選框的樣式，並且它是從主布局繼承的。

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

這正在運行而不是我的腳本:( ..當我刪除它時，一切正常

Answer 2

您是否檢查了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，則它仍然會響應。 但這可能超出您的問題。

Answer 3

您的代碼絕對正確，請參見以下小提琴https://jsfiddle.net/avinash8526/nL1crxn0/1/

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

此外，您還應用了onchange事件，因此，只有選中/取消選中此框，此警報才會起作用