<分区>
javascript - 单击后更改按钮值
我有一个返回 Bootstrap 行的函数，每一行都包含输入字段、文本区域和删除按钮。
所以我有多个 Bootstrap 行，因为我在不同时间调用函数。单击删除按钮后，我正在更改输入和文本区域的边框颜色，只是为了表明我没有考虑它。我已将删除按钮用作切换按钮，以便它可以添加和删除我分配给输入和文本区域的错误类。
现在我想将“删除”按钮的值更改为“添加”。因此，当我点击“添加”按钮时，它会删除输入和文本区域的样式，这意味着我可以考虑这些值。
function GetDynamicTextBox(value, tag) {
return'<div class="col-lg-4"><input class="form-control" type="text" value="'+tag+'" name="typetag" id="tags" data-role="tagsinput"/></div>'+'' +
'<div class="col-lg-6"><textarea class="form-control issuetext" name="comment" id="" cols="" rows="">'+value+'</textarea></div>'+
'<div class="col-lg-2">'+
'<input type="button" value="Remove" class="remove btn btn-default" /></div>'
}
$("body").on("click", ".remove", function () {
$(this).closest('#issue').find('.bootstrap-tagsinput').toggleClass('error')
$(this).closest('#issue').find('.issuetext').toggleClass('error')
});
<div class='row'id="issue">
<div class="col-lg-4">
<input class="form-control" type="text" value="'+tag+'" name="typetag"
id="tags" data-role="tagsinput"/></div>
<div class="col-lg-6">
<textarea class="form-control issuetext" name="comment" id="" cols=""
rows="">'+value+'</textarea></div>
<div class="col-lg-2">
<input type="button" value="Remove" class="remove btn btn-default" /></div>
</div>
最佳答案
这很简单。只需向按钮添加点击事件即可。单击事件将为您提供一个事件 (e)，然后您可以调用元素上的标准.innerText 属性来设置它。这里不需要 jQuery...
const btn = document.getElementById('testButton');
let clickCount = 0;
btn.addEventListener('click', (e) => {
e.currentTarget.innerText += clickCount++;
});<button type="text" id="testButton">Initial Value</button>关于javascript - 单击后更改按钮值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51508901/