Checkbox fire a function if checked and a different function if not checked

Question

Hi i have got a checkbox and when i click it and check the box a function runs, which works just how i want it to.. now i want to run a DIFFERENT function if it is checked off but it is just running the same function everytime.

<input type="checkbox" class="no-custom" onclick="CheckBox()">

function CheckBox() {
    $("#emailMain").css({"display": "none"});
    $("#emailSame").css({"display": "inline"});
    var Mainemail = Customer().email['#text']();
    Contact().email = Mainemail;
    EmailHolder(Mainemail);
}

Any ideas in the best way to sort this?

Rory McCrossan · Accepted Answer · 2015-01-21 09:51:22Z

3

Firstly, if you've included jQuery in your page you should use it to attach your events as its a better separation of concerns. You can then use the checked property of the element to determine which function to call:

<input type="checkbox" class="no-custom" />

$('.no-custom').change(function() {
    if (this.checked) {
        // do something...
    }
    else {
        // do something else...
    }
});

answered Jan 21, 2015 at 9:51

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

1 Comment

Dom Adams Over a year ago

Love this answer.. just getting to grips with jquery and i want to use best practice and this works great. Thanks

rwacarter · Accepted Answer · 2015-01-21 09:52:22Z

0

Add an ID to the checkbox:

<input type="checkbox" id="the-checkbox" class="no-custom" onclick="CheckBox()">

Then add an event listener for when it changes:

$(function() {

    $('#the-checkbox').change(function() {

        if($(this).is(':checked')) {
            oneFunction();
        }
        else {
            anotherFunction();
        }

    });

    function oneFunction() {

    }

    function anotherFunction() {

    }

});

answered Jan 21, 2015 at 9:52

rwacarter

2,0143 gold badges17 silver badges29 bronze badges

Comments

Ozan · Accepted Answer · 2015-01-21 09:55:02Z

0

You can easily check if the checkbox is checked using jQuery is.

<input type="checkbox" class="no-custom" onclick="CheckBox(this)">

function CheckBox(cb) {
  if ($(cb).is(":checked")) {
    alert("Checked");
    CheckedFunction();
  } else {
    alert("Unchecked");
    UncheckedFunction
  }
}

answered Jan 21, 2015 at 9:55

Ozan

3,7492 gold badges21 silver badges23 bronze badges

Collectives™ on Stack Overflow

Checkbox fire a function if checked and a different function if not checked

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related