라디오 버튼과 체크 박스를 함께 그룹화 함 MVC

Question

라디오 버튼과 체크 박스를 함께 사용할 수있는 MVC (면도기) 솔루션을 찾으려고합니다. 모든 사람들 및 가족 회원 :

레이블이 radiobuttons가 말. 당신은 "가족 구성원"radio button을 선택하면, 3 checkboxes가 활성화되어 있어야합니다

: "직원", "배우자", "종속 (들)"

질문은 다음과 같습니다

• 방법 라디오 버튼을 3 개의 체크 박스로 묶으시겠습니까?
• 관련 라디오 버튼을 선택했을 때 체크 박스를 활성화하는 방법은 무엇입니까?

Answer 1

그럼 당신은 다음을 수행 할 수 :

이

<ul> 
     <li><input type="radio">All People</input></li> 
     <li> 
      <input type="radio" class="toggle-family">Family Members</input> 
      <ul class="member-selection hide"> 
       <li><input type="checkbox">Employee</input></li> 
       ... 
      </ul> 
     </li> 
</ul> 

이 그런 다음 자바 스크립트에서 다음 작업을 수행 할 수 있습니다 : 다음

$(function() { 
     $('.toggle-family').change(function() { 
     if ($(this).attr('checked')) { 
      $('.member-selection').removeClass('hide'); 
     } else { 
      $('.member-selection').addClass('hide'); 
     } 
     }); 
}); 

방금라는 CSS 클래스를 정의해야합니다 "를 숨기기 display 속성을 none으로 설정하십시오. 이것은 당신을 시작하게하는 아이디어 일뿐입니다.