Only trigger a javascript function when checkbox is checked "on"

Question

This script causes the alert to show regardless of whether the checkbox is being ticked on or off. How can it only show when the tick box is being clicked on?

$("#x").click(function() {
    alert("Ticker is has been clicked on!");
});

JSFIDDLE

tymeJV · Accepted Answer · 2013-07-29 01:42:46Z

2

You can add an if statement inside the function to test for that:

$("#x").click(function() {
    if (this.checked) alert("Ticker is has been clicked on!");
});

answered Jul 29, 2013 at 1:42

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Comments

Jason Young · Accepted Answer · 2013-07-29 01:42:56Z

1

//use .is(':checked') to check if it was checked!

$("#x").click(function() {
    if($(this).is(':checked')){
        alert("Ticker is has been clicked on!");
    }
});

answered Jul 29, 2013 at 1:42

Jason Young

5753 silver badges16 bronze badges

Comments

faino · Accepted Answer · 2013-07-29 01:44:53Z

0

A simple if conditional will do the trick for you:

$("#x").click(function(){
    if($(this).is(":checked")) {
        alert("Ticker is has been clicked on!");
    }
});

Check out some reading on the .is() method and :checked selector within jQuery.

answered Jul 29, 2013 at 1:44

faino

3,23417 silver badges17 bronze badges

Collectives™ on Stack Overflow

Only trigger a javascript function when checkbox is checked "on"

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related