所以我在尝试使用 @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());
});
关于html - 如何让 materializecss 复选框与@Html.CheckBoxFor 一起工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34094318/