Изменить цвет текста ярлыка при выборе радиообмена

Question

У меня есть MVC View с меткой и двумя радиообменами. То, что я пытаюсь сделать, - когда выбран радиобъектив «Темный», цвет текста на ярлыке должен измениться на черный, и когда выбрана радиомаяк «Свет», цвет текста должен измениться на белый.

Модель:

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>
Я попытался передать цвет через л abel id, но я застрял. Я не знаю, как продолжить.

Answer 1

Вы можете написать так:

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

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