成功提交表单后禁用另一个按钮答案

【问题标题】：Disable another button once it has successfully submitted the form成功提交表单后禁用另一个按钮
【发布时间】：2013-09-19 22:28:10
【问题描述】：

我有一个带有 2 个按钮的表单：批准和拒绝。

<input type="button" name="Approve" value="Approve" onClick="location.href='approve.php?user=<?php echo $row['icnum'];?>&states=1'">

<input type="button" name="Reject" value="Reject" onClick="location.href='approve.php?user=<?php echo $row ['icnum'];?>&states=2'">

单击“批准”按钮后，我想禁用“拒绝”按钮。因此，用户在表单被批准后不能再次拒绝表单。

我尝试了几次，比如：

<input type="button" value="Send" onclick="javascript=this.disabled = true; form.submit();">

但是这段代码对我不起作用。即使它确实在工作，该按钮也只是在禁用自身，而不是其他按钮。

我正在使用 Chrome。关于如何解决这个问题的任何想法？

编辑：这是我在 php 中的处理形式。

<?php session_start();
include('../include/dbconnect.php');
$user = $_GET['user'];
$states = $_GET['states'];

if($user){
$approve = "UPDATE student SET status='$states' WHERE icnum='$user'";

$result = mysql_query($approve) or die(mysql_error());
if ($result) {
?>
<script type="text/javascript">
    window.location = "index.php"
</script>
<?php } 
    }
?>

如果操作在服务器端运行，我可以在这些代码中编辑什么？

【问题讨论】：

这些按钮上的操作与location.href 一起工作——换句话说，它们似乎都会导致页面重新加载（可能也会改变一些服务器端状态）。如果这是真的，最好的办法是与服务器端合作来调整这些操作的状态。
感谢您的信息。那么，如何调整服务器端的代码呢？

标签： javascript php jquery button

【解决方案1】：

下面试试

<asp:Button ID="cmdSubmit" runat="server" Text="Submit" onclick="btnSumbit_Click" onclick="btnSumbit_Click" OnClientClick="this.style.display = 'none';"/>

【讨论】：

【解决方案2】：

在 jQuery 中：

$('input[name=Approve]').click(function () {
  $('input[name=Reject]').prop({disabled: true});
});

【讨论】：

如何在表单中调用这个脚本？主体是否需要加载脚本或只是将其作为函数调用？
如果您使用jQuery，请在调用 jQuery.js 文件后将其放在脚本标签中，或者将其添加到外部 js 文件并从 HTML 调用该文件。

【解决方案3】：

从 OnClick 中删除 javascript=。您只需要 javascript: (colon not =) 用于锚点的 hrefs

<input type="button" value="Send" onclick="this.disabled=true; formName.submit();">

【讨论】：