javascript - OnClick Action 不起作用

Question

在我的 Laravel 应用程序上，当我单击复选框时，它没有执行任何在我的 JQuery 脚本中声明的操作。复选框:

<input type="checkbox" id="terms_info" name="terms_info"/>

脚本:

$(document).ready(function (){
    alert('home is ready');

    $("#terms_info").on("click",function() {
        alert('home is checked');
    });
});

此外，Firefox 开发工具的控制台中没有错误。感谢您的帮助!

Answer 1

使用 change 事件和事件延迟 on() 代替:

$(document).ready(function() {
  $("body").on("change", "#terms_info", function() {
     if( $(this).is(':checked') ){
        alert('home is checked');
     }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="terms_info" name="terms_info" />