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" />

Answer 2

尝试以下操作：

<script type="text/javascript">
    $(document).ready(function (){
        alert('home is ready');

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

</script>

你告诉我是否可行...

Answer 3

尝试

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

OnClick操作不起作用

3 个答案: