将 html 转换为复选框剃刀视图
发布于2023-11-18 07:47 阅读(320) 评论(0) 点赞(30) 收藏(0)
我有以下复选框：
<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 呈现为第一个吗？
有关信息，val.Value 有 SEA 和 val.Text = 1 等等。
解决方案
如果您尝试添加类和数据属性，那么应该这样做：
@Html.CheckBox(label, false, new { value = @val.Text, name = "transportMode", @class = "myCheckBox", data_label = "my data label value" })
让我知道这是否有帮助。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/532561/8f9fd9cac5ca05473df6/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力