程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

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

发布于2023-11-18 07:47     阅读(262)     评论(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/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

30 0
收藏该文
已收藏

评论内容:(最多支持255个字符)