Question

78

How to call javascript function only when checkbox is checked

rated 0 times [ 83] [ 5] / answers: 1 / hits: 48010 / 8 Years ago, sat, october 15, 2016, 12:00:00

i have tried this:

    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 when i click checkbox, it just nothing happens....

but when i try this:

function stickyheaddsadaer() {

    alert(I am an alert box!);

}

then works...

can you please help me ? I need to activate javasript function by checkbox

and when the js function is actived it add class to the div

Thank you

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kaitlyn

Add To Favorites

Follow

Total Points: 421

Total Questions: 73

Total Answers: 100

Location: South Georgia

Member since Sat, Jul 25, 2020

4 Years ago

answered 8 Years ago jarettajb · Accepted Answer

Better to use onchange event and check inside function if checked or not

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