Question

我有这样的模特

public class TutorialModel
    {
        public string TitleWord { get; set; }

        public List<string> PossibleAnswers { get; set; }

        public List<bool> Colors { get; set; }

    }

和控制器

public class TutorialController : Controller
{
    //
    // GET: /Tutorial/
    private TutorialModel model = new TutorialModel();

    public ActionResult Index(TutorialModel paramModel)
    {
        model.TitleWord = "Go";
        model.Colors = new List<bool>();
        model.PossibleAnswers = new List<string>();
        model.PossibleAnswers.Add("1");
        model.PossibleAnswers.Add("2");
        model.PossibleAnswers.Add("3");
        model.PossibleAnswers.Add("4");

        return View(this.model);
    }
}

带视图的

@{
    ViewBag.Title = "Tutorial";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@using (Html.BeginForm("Index", "Tutorial"))
{
    <div id="progressTimer"></div>
    <br />
    <br />

    <button type="button" class="btn btn-default">@Model.TitleWord</button>
    <br />

    for (int i = 0; i < Model.PossibleAnswers.Count; i++)
    {
        <div class="btn-group">
            <button type="button" id="@Model.PossibleAnswers[i]" value="@Model.Colors[i]" onclick=" checkAnswer(this) " class="btn btn-default" >@Model.PossibleAnswers[i]</button>
        </div>
    }
}
<script>
    function checkAnswer(element) {
        if ($(element).val()) {
            $(element).css("background-color", "green");
        } else {
            $(element).css("background-color", "red");
        }
    }
</script>

我的应用程序是一个小教程。在我按下其中一个按钮后，它的颜色改变了，我需要用js刷新所有按钮上的文本和值。你能帮帮我吗？

Answer 1

确保按钮具有唯一的类（。）或id（＃）并将其用作选择器。你可以像这样改变按钮值

$('.btn-default').val('New Value');

如果你想在标签上设置不同的东西，有一些预建的选项（.text等）。对于其他选项，请使用.attr

刷新页面上的按钮值

1 个答案: