Question

我在更改bootstrap中的按钮值时遇到问题。我可以使用jQuery更改它，但我正在从模式对话框中更改它。我在其他地方看了但是我找不到任何与我的具体问题相符的东西？

步骤：

点击按钮。更改主html表单上的按钮文本。点击后点击按钮它改变文本，关闭模态，然后立即文本变回原来的样子。它应该只是改变文本并保持这种方式，显然。

$("#validate-rv-button").click(function () {
    $("#review-history-validate").val("Review History");
});

HTML

 <input id="review-history-validate" type="button" class="rvButtons btn btn-outline-warning btn-sm" data-toggle="modal" data-target="#review-history" value="Validate" />

非常感谢任何帮助。

Answer 1

使用<button></button>

执行此操作的另一种方法

 <button id="review-history-validate" type="button" class="rvButtons btn btn-outline-warning btn-sm" data-toggle="modal" data-target="#review-history" />Validate</button>

在jquery中：

$("#validate-rv-button").click(function () {
    $("#review-history-validate").text("Review History");
});

Answer 2

我相信你的命名错了。

这有效：

$("#review-history-validate").click(function () {
    document.getElementById("review-history-validate").value = "My value";
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="review-history-validate" type="button" class="rvButtons btn btn-outline-warning btn-sm" data-toggle="modal" data-target="#review-history" value="elo" />

或jQuery仅作为您的问题：

$("#review-history-validate").click(function () {
    $("#review-history-validate").val("My value");
});

Bootstrap更改按钮值

2 个答案: