JQuery - チェックボックスがチェックされている場合、関数を実行します。

Question

チェックされていると、＃命令バーがアクティブになります。 チェックされていない場合：＃命令バーは有効になりません。

ケースステートメント内でこれを達成する最も良い方法は何ですか。私は複数の場合、ステートメントが最良の方法ではないことを知っています。基本的には、それぞれの場合に＃命令バーを隠したいと思っています。スイッチ全体ではありません。

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