html5 – 如何获取materializecss复选框以使用@ Html.CheckBoxFor?

前端之家收集整理的这篇文章主要介绍了html5 – 如何获取materializecss复选框以使用@ Html.CheckBoxFor?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我在尝试使用@ Html.CheckBoxFor实现materializecss’复选框时遇到问题.如果我完全输入:
<input type="checkBox" id="test5" />
<label for="test5">Red</label>

有用.但如果我试试这个:

@Html.LabelFor(m => m.RememberMe,new { @class = "login-label" })
@Html.CheckBoxFor(m => m.RememberMe,new { @type = "checkBox" })

复选框从页面左侧消失(复选框的样式左侧设置为-99999).

有没有其他方法可以实现CheckBoxFor,这将使物化合作?

解决方法

我有同样的问题,ChecBoxFor和LabelFor的顺序就像peter.edwards建议的那样.对我来说问题是由@ Html.CheckBoxFor生成的隐藏元素引起的:
<input checked="checked" class="check-Box" data-val="true" id="IsActive" name="IsActive" type="checkBox" value="true">
<input name="IsActive" type="hidden" value="false">
<label for="IsActive">IsActive</label>

我为解决问题所做的是将隐藏元素移动到父元素的底部

$("input[type='hidden']").each(function (index,element) { 
        $(this).appendTo($(element).parent());
    });
原文链接:https://www.f2er.com/html5/168846.html

猜你在找的HTML5相关文章