Question

如果选中：＃instructions-bar将激活。如果未选中：＃instructions-bar将不会激活。

在案例陈述中实现这一目标的最佳方法是什么..我知道多个if if语句不是最好的方法。基本上，我想隐藏每个案例中的＃instructions-bar。不是整个开关。

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

Answer 1

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

JQuery - 如果选中复选框，则运行函数

1 个答案: