JS checkbox trigger/click/onclick doesn't work

Question

I have a problem triggering a click event.

This is the code which should be called by the "click":

    $('#enable_autosave').click(function () {
        if ($(this).prop('checked')) {
            document.getElementById("autosave_information").innerHTML = "Aktiviert";
            document.getElementById("warning_information_all").style = "";
            IntervalId = setInterval(function Save_Pointer(){Save();}, 10000);
        } else {
            clearInterval(IntervalId);
            document.getElementById("autosave_information").innerHTML = "Deaktiviert";
            document.getElementById("warning_information_all").style = "visibility:hidden";
        }
    });

The HTML code:

<input type="checkbox" id="enable_autosave">Test</input>

And this is the code which should trigger the checkbox' click-event after loading the page:

$('#enable_autosave').trigger('click');

The checkbox gets checked but the click-event isn't fired. I also tried .click() or .onclick() or $('#enable_autosave').attr('checked', true)[0].onclick();

But they all show the same result, the checkbox gets checked but not click-event.

Does it work for you when you manually click on the checkbox — Devesh
– Devesh, Commented Jan 11, 2016 at 12:43
i hope the order of the attaching the event and then triggering is maintain... can you share the js actual code.. — Devesh
– Devesh, Commented Jan 11, 2016 at 13:21

KirLaide · Accepted Answer · 2016-01-12 05:58:12Z

This is working for me (with EventListener):

<input type="checkbox" id="enable_autosave">Test</input>    
<script>
         window.onload = function() {
            'use strict';
             var foo = function() {
                var test =  document.getElementById("enable_autosave").checked;

                if(!test){
                    console.log("no");
                }
                else{
                    console.log("yes");
                }

            }
            foo();

            document.getElementById("enable_autosave").addEventListener('input', foo);
            document.getElementById("enable_autosave").addEventListener('change', foo);

        }
    </script>

KirLaide · Accepted Answer · 2016-01-11 12:40:59Z

0

If you want alert after checkbox, do something like this:

<input type="checkbox" id="enable_autosave" onchange = 'alert("HI")'>Test</input>

answered Jan 11, 2016 at 12:40

KirLaide

215 bronze badges

2 Comments

GURKE Over a year ago

The real code in the function is longer but not interesting for this problem. The alert should just show, that I get no event fired.

KirLaide Over a year ago

Ok, try this: $("input:checkbox").bind("change click", function () { // do something });

Collectives™ on Stack Overflow

JS checkbox trigger/click/onclick doesn't work

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related