Javascript Submit上的开关按钮

如何在提交时关闭一个按钮和打开另一个按钮。就像某人在facebook上向另一个人发送好友请求一样。当用户单击SendFriendRequest时，按钮将变为FriendRequestSent。这是我的html。如何使用

jquery

或

ajax

<tr>
          <td bgcolor="#eaeaea"><div align="center" id="send_msg">
            <input type="submit" name="button3" id="button3" value="Send Message" />
          </div></td>
          <td bgcolor="#eaeaea"><div id="msg_sent">
            <input type="submit" name="button2" id="button2" value="Message Sent" />
          </div></td>
        </tr>

您可以在表单事件中捕获“提交”事件（需要一些JS，也可以使用JQuery）

见此：

在onsubmit JS函数中，您通常会更改需要更改的对象属性（隐藏按钮、启用/禁用等）

---

但是，最好包含一个DIV（带ID），在其中可以显示状态（例如“message has sent”）和启用/禁用send按钮，但这完全取决于您的设计决策。

我认为您的意思是，在表单提交后，您需要更改按钮的值。如果是这样，您可以使用ajax发送消息，并执行以下操作

<tr>
      <td bgcolor="#eaeaea"><div align="center" id="send_msg">
        <input type="submit" name="button3" id="button3" value="Send Message" />
</tr>

---

这将更改

发送消息

按钮的按钮文本，您实际上只需要一个按钮

可能的重复项。您的意思是，在提交发送消息按钮后，当我单击“未发生任何事情”时，您需要按钮文本为“已发送消息”。如果“未发生任何事情”，则意味着，ajax部分不正确。只有当ajax调用成功时，按钮文本才会更改。@user3744646最好将$（“#button3”）.val（“消息已发送”）；单独在按钮内部单击而不单击ajax部分。如果它起作用，则表示错误发生在ajax部分

$("#button3").click(function(){
    $.(ajax)({
              ..........

     }).done(function(){
    $("#button3").val("Message sent");
  });

});