OnClick action is not working

Question

On my Laravel app when I click on checkbox it is not doing anything which is declared in my JQuery script. Checkbox:

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

Script:

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

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

Also, there are no errors in the console on Firefox dev tools. Thank you for the help!

When you click the checkbox, can you run var x = $("#terms_info") in the console or step through and look at the everything and see if it shows you checked it? — johnny, Aug 28 '18 at 14:19
Possible duplicate of [jQuery checkbox checked state changed event](https://stackoverflow.com/questions/8423217/jquery-checkbox-checked-state-changed-event) — Jamesking56, Aug 28 '18 at 14:20
move it outside document ready. are you creating it dynamically? — , Aug 28 '18 at 14:34

Zakaria Acharki · Accepted Answer · 2018-08-28T14:43:46.483

2

Use change event with event delagation on() instead :

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

edited Aug 28 '18 at 14:43

answered Aug 28 '18 at 14:22

Zakaria Acharki

66,747
15
75
101

score 2 · Answer 2 · answered Aug 28 '18 at 14:23

Try the following:

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

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

</script>

and you tell me if it works...

score 1 · Answer 3 · answered Aug 28 '18 at 14:24

1

try this

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

answered Aug 28 '18 at 14:24

Alexander Villalobos

461
3
11

OnClick action is not working

3 Answers3