Радиокнопки и флажки сгруппированы вместе MVC

Question

Я пытаюсь найти решение MVC (бритва), где я могу использовать радио-кнопки и флажки вместе.

Скажем, есть 2 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>

Тогда в вашем javascript вы можете сделать следующее:

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

Тогда вам нужно будет просто определить класс css с именем "hide" и установить для него атрибут отображения равным none. Это всего лишь идея для начала, надеюсь, это поможет.