单选按钮和复选框分组在一起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类“隐藏“并将其显示属性设置为无。这只是一个启动你的想法，希望它有帮助。