How to call javascript function only when checkbox is checked

Question

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

Just check if the element "page-header-inner" exists.Can you please show what your css class sticky has — Geeky
– Geeky, Commented Oct 15, 2016 at 5:43

AHJeebon · Accepted Answer · 2016-10-15 05:41:56Z

20

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

answered Oct 15, 2016 at 5:41

AHJeebon

1,2481 gold badge12 silver badges17 bronze badges

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

2 Comments

Bundyboy Over a year ago

but i have another problem now,

Bundyboy Over a year ago

please see stackoverflow.com/questions/40056649/…

Sasuke Uchiha · Accepted Answer · 2020-05-29 12:20:35Z

5

HTML

<input type="checkbox" id="switch" onclick="change()">

JS

function change() {
    var decider = document.getElementById('switch');
    if(decider.checked){
        alert('check');
    } else {
      alert('unchecked');
    }
}

edited May 29, 2020 at 12:20

Sasuke Uchiha

4916 silver badges18 bronze badges

answered Jun 29, 2019 at 18:13

rootleet

3954 silver badges10 bronze badges

Comments

Suraj Rao · Accepted Answer · 2019-09-27 07:52:27Z

1

function checkFluency(){
    var checkbox = document.getElementById('fluency');
    if (checkbox.checked != false) {
	    alert("Checkbox checked")
    }else{
	    alert("Not Checked")
    }
}

<input type="checkbox" onclick="checkFluency()"  id="fluency" />

edited Sep 27, 2019 at 7:52

Suraj Rao

29.7k11 gold badges96 silver badges104 bronze badges

answered Sep 27, 2019 at 7:39

Ajit Kumar

1211 silver badge2 bronze badges

1 Comment

Dragonthoughts Over a year ago

This would be much more helpful if it included a description of how it solves the question. This also looks like it is the same as the answer by @rootleet 2 months earlier.

Collectives™ on Stack Overflow

How to call javascript function only when checkbox is checked

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related