如何在剃须刀CheckBoxFor()中设置引导复选框 [英] How to set bootstrap checkbox in razor CheckBoxFor()

问题描述

我想在我的asp .net mvc表单中使用引导程序样式的复选框，但是我发现这非常困难.经过数小时的寻找解决方案，我找不到适合我的任何东西.

I want to use bootstrap styled checkbox in my asp .net mvc form, however I find it very difficult. After hours looking for solution, I couldn't find anything that works for me.

这是我的HTML剃须刀代码，但是未显示复选框.

Here is my HTML razor code, however checkbox doesn't show.

                 <div class="form-group">
                    @Html.LabelFor(c => c.IsSynchronize, new { @class = "col-sm-2 control-label" })
                    <div class="col-sm-10">
                        <div class="checkbox">
                            @Html.CheckBoxFor(model => model.IsSynchronize)
                        </div>
                    </div>
                </div>

此处呈现HTML:

<div class="checkbox">
<input data-val="true" data-val-required="Pole Synchronizacja jest wymagane." id="IsSynchronize" name="IsSynchronize" type="checkbox" value="true">
<input name="IsSynchronize" type="hidden" value="false">
</div>

如何在表单中设置这个简单的东西?

How can I setup this simple thing in my form?

推荐答案

这解决了该问题:

                 <div class="form-group">

                     <label class="col-sm-2"></label>
                     <div class="col-sm-10">
                         <div class="checkbox">

                             @Html.CheckBoxFor(model => model.Synchronize)
                             @Html.LabelFor(c => c.Synchronize)
                         </div>
                     </div>
                 </div>

这篇关于如何在剃须刀CheckBoxFor()中设置引导复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！