razor - 在 razorview 中显示复选框的文本

Question

使用 ASP .Net MVC 4，剃刀视图

我有一个CheckBoxFor：

    <div class="editor-checkbox-field">
        @Html.CheckBoxFor(model => model.Is2ndMailBody, new { @name = "secMailBody", @id = "secMailBody", @class = "secMailBody", @onclick = "disable(this.form.secMailBody)", @value = "Create Table", @text = "Create Table" })
    </div>

但是 CheckBox 本身正在显示。我如何显示 CheckBox 的文本？

我的模型有：

public bool IsChecked { get; set; }

javascript 工作正常，css 也可以。我只想知道如何显示此复选框的文本？

编辑 1：

我希望复选框右侧的文本创建第二个邮件正文。

Answer 1

答案 1：只需将字符串放在 CheckBox 之后，如下所示。

<div class="checkbox">
    <label>
        @Html.CheckBoxFor(m => m.Is2ndMailBody) Create Second Mail Body

    </label>
</div>

答案 2：在模型中，

[Display(Name = "Create Second Mail Body")]
public bool Is2ndMailBody{ get; set; }

在视图中

<div>
    @Html.CheckBoxFor(m => m.IsChecked)
    @Html.LabelFor(m => m.Is2ndMailBody)
</div>

Answer 2

首先将过滤器添加到调用的模型中DisplayAttribute

[Display(Name = "Some Text")]
public bool IsChecked { get; set; }

您可以使用标签作为模型

@Html.LabelFor(model => model.Is2ndMailBody)

Answer 3

您可以使用

@Html.DisplayNameFor

代替

@Html.LabelFor 

在Alizra的回答中。这样， .label css 样式将不会应用于您的文本。

Answer 4

如果您使用的是引导程序，您可以这样做

<div class="checkbox">
    <label>
        @Html.CheckBoxFor(m => m.Is2ndMailBody) Create Second Mail Body
        @Html.ValidationMessageFor(m => m.Is2ndMailBody)
    </label>
</div>

示例来自： http: //getbootstrap.com/css/

Answer 5

在您的模型类中，使用数据注释为属性提供显示名称

您需要在模型类之上有这个 using 语句

using System.ComponentModel.DataAnnotations;

然后设置显示名称属性

[Display(Name = "Create second mail body")]
public bool IsChecked { get; set; }

之后，在您的视图中使用以下 div 标签包装复选框。如果没有，您将需要在视图中引用引导 CSS

<div class="checkbox">
    @Html.CheckBoxFor(m => m.Is2ndMailBody, new { htmlAttributes = new { @class = "form-control" } })
    @Html.LabelFor(m => m.Is2ndMailBody, new { @class = "control-label" })
</div>

希望这会有所帮助

Answer 6

你可以试试这个：

<div class="editor-checkbox-field">
<label> Create Second Mail Body @Html.CheckBoxFor(model => model.Is2ndMailBody, new { @name = "secMailBody", @id = "secMailBody", @class = "secMailBody", @onclick = "disable(this.form.secMailBody)", @value = "Create Table", @text = "Create Table" }) </label>
</div>

那是：

    <label> Your text @HTML.checkBoxFor() </label>