單選按鈕和複選框分組在一起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類「隱藏「並將其顯示屬性設置爲無。這只是一個啓動你的想法，希望它有幫助。