选择单选按钮时,更改标签文本的颜色

时间:2015-12-24 10:39:07

标签: asp.net-mvc razor radio-button

我有一个MVC视图,带有标签和两个radiobuttons。我想做的是,当radiobutton" Dark"如果选中,标签中的文字颜色应该变为黑色,而当radiobutton" Light"选择文本颜色应更改为白色。

型号:

 public class SetupThemeModel
{
    public bool IsFontColorDark { get; set; }
}

控制器:

public ActionResult LabelText(SetupThemeModel model)
    {

        return View(model);
    }

查看:

                                        @using (Html.BeginForm())
                                    {
                                        <label>
                                            @Html.RadioButtonFor(m => m.IsFontColorDark, "false", new { id = "Light" })
                                            @Html.Label("Light", "Light Font Color")
                                        </label><br />

                                        <label>
                                            @Html.RadioButtonFor(m => m.IsFontColorDark, "true", new { id = "Dark" })
                                            @Html.Label("Dark", "Dark Font Color")                                                
                                        </label>

                                        <input type="submit" value="Try" class="btn btn-danger" />
                                    }    

标签:
<h1><span class="label label-default h1" id="text" style="background-color:#ffd800">Sample Text</span></h1>
我试图通过标签ID传递颜色,但我卡住了我不知道如何继续。

1 个答案:

答案 0 :(得分:0)

你可以这样写:

.red{
   color : red;
   background-color: red;
 }

 @Html.Label("Light", "Light Font Color", htmlAttributes: new { @class = "red" })