Question

我们有什么方法可以在点击后永久禁用/删除按钮。这是代码

window.onload

Answer 1

调用函数on {button。禁用该功能的按钮。

希望此代码段有用

<强> HTML

<button onclick="updateState(this)" style="margin-top:5px;" type="button" class="btn btn-warning btn-lg">
    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Send Msg
  </button>

<强> JS

function updateState(context){
     context.setAttribute('disabled',true)
    }

在锚标记内的按钮旁边是无效的html 5.此外，内联样式不需要!important，因为它具有最高的特异性

DEMO

Answer 2

你可能想要这样的东西：

<a href="#" class="btn btn-warning btn-lg" onclick="this.className += ' disabled';" style="margin-top:5px !important;">
    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Send Msg
</a>

请注意，我已将按钮标记更改为锚标记。这在你正在使用的Bootstrap中没问题。

Answer 3

因为您将 jQuery 标记为此问题....

你搞乱了4种语言......

一个是PHP，我们不知道你打算用它做什么我想你想向服务器端发送id ...
如何处理？什么是预期答案？
（超出范围）

但另外3人应该这样管理：

<强> CSS：

#mybutton{
  margin-top:5px !important;
}

<强> HTML：

<button id="mybutton" class="btn btn-warning btn-lg" data-book-id="<?php echo $row['issue_book_id'];?>">
  <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Send Msg
</button>

<强> jQuery的：

$("#mybutton").on("click",function(){
  $(this).attr('disabled',true);

  $.ajax({
    url: "send.php",
    type: "POST",
    data: "id="+$(this).data("book-id"),    // the id sent in POST.
    cache: false,
    success: function(html) {
      // Success message
      console.log("Ajax worked! Now What do I do with it!?!");
      console.log("Ho!... Here is the html: \n\n" + html);
    },
    error: function(jqXHR,textStatus,errorThrown) {
      console.log("Error: "+errorThrown);
    }
  });
});

提交后永久禁用按钮

3 个答案: