ラジオボタンとチェックボックスをグループ化MVC

Question

ラジオボタンとチェックボックスを併用できるMVC（かみそり）ソリューションを探しています。 すべての人と家族：

は、標識された2 radiobuttonsがあると言います。

あなたが "家族" radio buttonを選択した場合は、3 checkboxesを有効にする必要があります。 "従業員"、 "配偶者"、 "（S）従属"

質問は次のとおりです。

• どのようにラジオボタンを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> 

次に、あなたの次の操作を行うことができ、JavaScriptで：

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

次に、あなただけの「非表示と呼ばれるCSSクラスを定義する必要があります表示属性をnoneに設定します。これはちょうどあなたを始めるためのアイデアです。