Wie nur JavaScript-Funktion aufrufen, wenn Kontrollkästchen aktiviert ist

Question

ich dies versucht haben:

function stickyheaddsadaer() { 
     $("#page-header-inner").addClass("sticky"); 
    } 

    <input type="checkbox" name="TT_sticky_header" id="TT_sticky_header_function" 
value="{TT_sticky_header}" onclick="stickyheaddsadaer()"/> 

so, wenn ich Checkbox klicken, es passiert einfach nichts ....

aber wenn ich versuche dies:

function stickyheaddsadaer() { 
    alert("I am an alert box!"); 
} 

dann funktioniert ...

können Sie mir bitte helfen? Ich brauche JavaSript Funktion von Checkbox aktivieren

und wenn die js-Funktion ist es Klasse, um die div hinzufügen actived

Danke

Answer 1

Bessere onchange Ereignis zu verwenden und innen Funktion überprüfen, ob geprüft oder nicht

function stickyheaddsadaer(obj) { 
 
    if($(obj).is(":checked")){ 
 
    alert("Yes checked"); //when checked 
 
    $("#page-header-inner").addClass("sticky"); 
 
    }else{ 
 
    alert("Not checked"); //when not checked 
 
    } 
 
    
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="TT_sticky_header" id="TT_sticky_header_function" value="{TT_sticky_header}" onchange="stickyheaddsadaer(this)"/>