Question

我试图找到一个MVC（剃须刀）解决方案，我可以在一起使用单选按钮和复选框。

假设有2个radiobuttons标记为：所有人和家庭成员。

如果您选择＆＃34;家庭成员＆＃34;应启用radio button，3 checkboxes：＆＃34;员工＆＃34;，＆＃34;配偶＆＃34;，＆＃34;依赖＆＃34;

问题是：

如何将单选按钮分组到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');
         }
      });
 });

然后你需要定义一个名为“hide”的css类，并将display属性设置为none。这只是让你入门的一个想法，希望它有所帮助。

单选按钮和复选框组合在一起MVC

1 个答案: