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

Question

如果选中：＃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; 
    } 
});