JQuery - run function if checkbox is checked

Question

If checked: #instructions-bar will activate. If not checked: #instructions-bar will not activate.

What's the best way to accomplish this within a case statement.. I know multiple if then statements wouldn't be the best way. Basically, I want to hide the #instructions-bar within each case. Not the whole switch.

<p><input type="checkbox" id="unique-checkbox-name" name="enable-checkbox"/>Checkbox</p>

 $("select[name=map-tool]").change(function (e) {
    var currVal = $(this).val();
    switch (currVal) {
        case "navigation":
            // instructions bar HIDE
            $('#instructions-bar').slideUp('slow');
            // more code
            break;
        case "distance":
            // instructions bar SHOW
            $('#instructions-bar').slideDown('slow');
           // more code
            break;
        case "area":
            // instructions bar HIDE
            $('#instructions-bar').slideUp('slow');
            // more code
            break;
    }
});

Jake Feasel · Accepted Answer · 2012-01-06 02:20:07Z

2

 $("select[name=map-tool]").change(function (e) {
    var currVal = $(this).val();
    var isChecked = $("#unique-checkbox-name").is(":checked");
    switch (currVal) {
        case "navigation":
            // instructions bar HIDE
            if (isChecked) $('#instructions-bar').slideUp('slow');
            // more code
            break;
        case "distance":
            // instructions bar SHOW
            if (isChecked) $('#instructions-bar').slideDown('slow');
           // more code
            break;
        case "area":
            // instructions bar HIDE
            if (isChecked) $('#instructions-bar').slideUp('slow');
            // more code
            break;
    }
});

edited Jan 6, 2012 at 2:20

answered Jan 6, 2012 at 1:20

Jake Feasel

17k5 gold badges55 silver badges68 bronze badges

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

2 Comments

user1040259 Over a year ago

Thank you. Will this allow the case switch to run even if not checked? Confused. I only need the if statement on showing instructions-bar, not the rest.

Jake Feasel Over a year ago

Sorry, I didn't realize that is what you were asking for. I've updated my answer accordingly.

Collectives™ on Stack Overflow

JQuery - run function if checkbox is checked

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related