如何让我的提交按钮消失?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何让我的提交按钮消失?相关的知识,希望对你有一定的参考价值。

如何让按钮消失?这是我的javascript

$(document).on('click', '.submit', function(){
      var id = $(this).attr("id");
      if(confirm("Kindly check all values to ensure no error before clicking ok"))
      {
        $.ajax({
          url:"plan.php",
          method:"POST",
          data:{id:id},
          success:function(data)
          {
            $('#alert_message').html('<div class="alert alert-success">'+data+'</div>');
            $('#user_data').DataTable().destroy();
            fetch_data();
          }
        })
      }  
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

我想知道插入函数的位置,使按钮在单击后消失。我是javascript的新手,只是奇迹般地让这个工作。

答案

使用this访问单击的按钮。和remove()使它消失。如果你不想永久消失按钮使用hide()

$(document).on('click', '#submit', function(){
      var id = $(this).attr("id");
      $(this).remove();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="submit">Submit</button>

以上是关于如何让我的提交按钮消失?的主要内容,如果未能解决你的问题,请参考以下文章

当 ViewPager 中的片段出现和消失时如何执行一些代码

以编程方式将按钮添加到片段

在 Activity 内部,如何暂停 for 循环以调用片段,然后在按钮单击片段后恢复循环以重新开始

片段中的按钮自定义视图

如何从Android中的片段单击按钮打开片段

QT Gui 窗口在 Maya 中出现然后消失