JQuery-选中复选框后运行函数

如果选中：#说明栏将激活。 如果未选中：#说明栏将不会激活

在案例陈述中实现这一点的最佳方式是什么。。我知道多个if-then语句不是最好的方式。基本上，我想在每个案例中隐藏#说明栏。不是整个开关

<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;
    }
});

复选框

$（“选择[name=map tool]”）。更改（函数（e）{
var currVal=$（this.val（）；
开关（电流）{
案例“导航”：
//说明栏隐藏
$（“#说明栏”）.slideUp（'slow'）；
//更多代码
打破
案例“距离”：
//指示栏显示
$（“#说明栏”）。向下滑动（“慢速”）；
//更多代码
打破
案例“区域”：
//说明栏隐藏
$（“#说明栏”）.slideUp（'slow'）；
//更多代码
打破
}
});

谢谢。即使未检查，这是否允许机箱开关运行？困惑的我只需要显示说明栏上的if语句，而不需要其他语句。对不起，我没有意识到这是您要求的。我已经相应地更新了我的答案。

 $("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;
    }
});