Javascript 刷新页面上的按钮值

我有这样的模型

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

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

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

    }

公共类教程模型
{
公共字符串标题词{get；set；}
公共列表可能的应答{get；set；}
公共列表颜色{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);
    }
}

公共类教程控制器：控制器
{
//
//获取：/Tutorial/
private TutorialModel model=new TutorialModel（）；
公共操作结果索引（教程模型paramModel）
{
model.TitleWord=“Go”；
model.Colors=新列表（）；
model.PossibleAnswers=新列表（）；
模型。可能答案。添加（“1”）；
模型。可能答案。添加（“2”）；
模型。可能答案。添加（“3”）；
模型。可能答案。添加（“4”）；
返回视图（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>

@{
ViewBag.Title=“教程”；
Layout=“~/Views/Shared/_Layout.cshtml”；
}
@使用（Html.BeginForm（“索引”、“教程”））
{




@TitleWord模型


对于（int i=0；i

---

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

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

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

如果要在标记上设置不同的内容，则有一些预构建选项（.text等）。对于其他选项，请使用.attr