html - 彼此下方的复选框

Question

我试着像这样在彼此下面制作复选框:

<table>
    <tr>
       <td>
         @foreach (var item in Model.Directories)
         {                                                                                              
            @Html.CheckBox("Assigned", Model.IsActive.HasValue ? Model.IsActive : false);
            @Html.LabelFor(model => model.Directories)
         }
       </td>
    </tr>
 </table>

但现在复选框都在同一行下。

谢谢

Answer 1

如果您希望复选框出现在新行中，而不是追加到相同的 td 单元格，您应该追加以创建一个新的 tr:

<table>
   @foreach (var item in Model.Directories) { 
  <tr>
    <td>
     @Html.CheckBox("Assigned", Model.IsActive.HasValue ? Model.IsActive : false); 
     @Html.LabelFor(model => model.Directories) 
    </td>
  </tr>
  }
</table>

这将为每个模型元素创建一个新的表格行