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
– johnny, Commented Aug 28, 2018 at 14:19
Possible duplicate of jQuery checkbox checked state changed event — Jamesking56
– Jamesking56, Commented Aug 28, 2018 at 14:20
move it outside document ready. are you creating it dynamically? — user10038293
– user10038293, Commented Aug 28, 2018 at 14:34

Zakaria Acharki · Accepted Answer · 2018-08-28 14:43:46Z

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, 2018 at 14:43

answered Aug 28, 2018 at 14:22

Zakaria Acharki

67.5k15 gold badges78 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Miguel Maury · Accepted Answer · 2018-08-28 14:23:14Z

2

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...

answered Aug 28, 2018 at 14:23

Miguel Maury

215 bronze badges

Comments

Alexander Villalobos · Accepted Answer · 2018-08-28 14:24:10Z

1

try this

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

answered Aug 28, 2018 at 14:24

Alexander Villalobos

4613 silver badges11 bronze badges

Collectives™ on Stack Overflow

OnClick action is not working

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related