Question

如何关闭一个按钮，另一个按钮，onsubmit。就像有人在facebook向另一个人发送朋友请求一样。当用户点击发送好友请求时，该按钮会变为发送好友请求。这是我的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>

Answer 1

你可以抓住＆＃34;提交＆＃34;表单事件中的事件（需要一点JS，也可以使用JQuery）。

请参阅：http://www.w3schools.com/jsref/event_form_onsubmit.asp

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

然而，最好包括一个DIV（带ID），您可以在其中显示状态（例如＆＃34;消息已发送＆＃34;）和启用/禁用发送按钮，但这是一个问题你的设计决定。

Answer 2

我认为你的意思是在表单提交之后，你需要更改按钮的值。如果是这样的话，你可以用ajax来发送消息并按照这样做

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

<强> jquery的：

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

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

});

这会更改send message按钮的按钮文字，实际上只需要一个按钮

切换按钮onsubmit

2 个答案: