为表格的每一行制作一个待定按钮

Question

我应该制作一个处于待处理状态的按钮，直到我单击它并且状态更改为在数据库中批准，然后，按钮的颜色和文本必须更改为成功，而无需重新加载页面。 当状态更改为已批准或成功时，它必须禁用，我的意思是不应该（切换）。 提前谢谢...

这是按钮

<button type="submit" id="approve_button" class="btn btn-danger">Pending
</button>

                                    

Answer 1

您可以通过以下方式更改按钮的文本：

$('#approve_button').text('ChangeYourText');

改变颜色，如果你有你的 css 类：

$('#approve_button').toggleClass('your-class');

处理点击事件：

$('#approve_button').on('click', () => {
  // put one of those lines above
});