甚至使用我的htmlhelper隐藏复选框的原因?

时间:2017-11-17 18:12:00

标签: c# asp.net-mvc checkbox html-helper

我已经阅读了很多关于隐藏归档回合复选框的链接我决定使用自定义htmlhelper但是目前,当我删除type="checkbox"中显示的复选框字时,我无法看到我的页面中的复选框作为一个文本框,我认为它对名称复选框的控件类型很敏感。

更新 我没有任何隐藏价值的输入 Picture

 public static class HelperUI
{
    public static MvcHtmlString CheckBoxSimpleFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, bool>> expression, object htmlAttributes)
    {
        string checkBoxWithHidden = htmlHelper.CheckBoxFor(expression, htmlAttributes).ToHtmlString().Trim();
        string pureCheckBox = checkBoxWithHidden.Substring(0, checkBoxWithHidden.IndexOf("<input", 1));
        return new MvcHtmlString(pureCheckBox);
    }
}


 <div class="col-md-6">
     <div class="form-group row">
         <label class="text-right col-md-3">وضعیت</label>

         <div class="col-md-9">

             @Html.CheckBoxSimpleFor(model => model.Status, new { @class = "form-control filled-in" })


         </div>
     </div>
 </div>

1 个答案:

答案 0 :(得分:0)

嗨@joe如果你使用bootstrap进行html设计,那么复选框将显示为隐藏,因为bootstrap复选框html sysntax或设计不同根据它进行更改

  <div class="checkbox">
     <input id="checkbox1" type="checkbox">
     <label for="checkbox1">
      Default
  </label>
       </div>

这是在bootstrap中设计sysntax或代码的复选框,因此您需要根据

进行更改
    <div class="checkbox col-md-9">
         @Html.CheckBoxSimpleFor(model => model.Status, new { @class = " filled-in" })
    </div>