JQuery를 사용하여 드롭 다운 선택을 기반으로 체크 박스 목록을 숨기는 방법?

Question

나는 드롭 다운 목록이있는 양식이 있습니다. 드롭 다운의 선택된 항목에 따라 각각의 Chekbox 목록이 나타나고 다른 체크 상자 목록이 사라집니다. JQuery를 사용하여 이것을 어떻게 수행 할 수 있습니까? 당신은 단지마다 DropDownList로 변경하는 기능을 실행하려면 기본적으로

$('#dropdownlist').on('change', function() { 
    if ($(this).val()) { 
     if($(this).val() === "some value") { 
      $('#somecheckboxgroup').show(); 
      $('#someothercheckboxgroup').hide(); 
     } 
     else if($(this).val() === "some other value") { 
      $('#somecheckboxgroup').hide(); 
      $('#someothercheckboxgroup').show(); 
     } 
    } 
}); 

과에서, 현재 선택된 값을 확인 : 여기

Answer 1

는 쉽게 특정 요소에 적용 할 수 있어야 자바 스크립트입니다 관찰 된 값을 기반으로 원하는 코드를 실행하십시오.

Answer 2

여기에 정말 기본적인 예가 있습니다. http://jsfiddle.net/jayblanchard/G8z3r/ 다른 선택기, ID 및 클래스를 사용하여 코드를 짧게 할 수 있지만이 방법의 기본 아이디어를 제공하고 싶습니다.

$('select[name="showbox"]').change(function() { 
    if('foo' == $(this).val()) { 
     $('div').hide(); // make sure all divs are hidden 
     $('#checkboxA').show(); // show the right one 
    } else if ('bar' == $(this).val()) { 
     $('div').hide(); // make sure all divs are hidden 
     $('#checkboxB').show(); // show the right one 
    } else if ('both' == $(this).val()) { 
     $('div').show(); // sow all divs 
    } else { 
     $('div').hide(); 
    } 
});