所以我在尝试使用@ 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).
解决方法
我有同样的问题,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()); });