将HTML转换为复选框剃刀视图

Question

我有以下复选框：

<input type="checkbox" id="seaMode" name="transportMode" value="Origin Service" />
<label for="seaMode" data-label="Sea">Sea</label>

但是我使用剃刀视图将视图绑定到模型：

@foreach (var val in Model.TransportList)
{
    @Html.Label(val.Value, htmlAttributes: new { @for = label })
    <i class=@val.Image></i>
    @Html.CheckBox(label, false, new { value = @val.Text, name = "transportMode" })
}

现在，它返回如下：

<label for="SEAMode">SEA</label>
<i class="icon-sea"></i>
<input id="SEAMode" name="SEAMode" type="checkbox" value="1">
<input name="SEAMode" type="hidden" value="false">

任何使用html的人都可以帮助我添加正确的类和属性，以便将html呈现为第1个？

有关信息，val.Value具有SEA和val.Text = 1，依此类推。

Answer 1

如果您要添加类和数据属性，则应这样做：

@Html.CheckBox(label, false, new { value = @val.Text, name = "transportMode", @class = "myCheckBox", data_label = "my data label value" })

让我知道这是否有帮助。