Question

我试图在点击按钮后隐藏按钮。单击按钮后，没有任何用处，所以我想隐藏它，但保留确认消息

以下是正确完成所有操作的现有代码（除了在点击后隐藏按钮）：

  <a class="btn btn-danger _btn_" onclick="save()">Register button</a>
  <div id="confirmation"></div>





  function save() {
    var number_i = $('#number_i').text();
    var date_s = $('#date_s').text();
    var name_p = "<?php echo $_POST['product_name']; ?>";


    if (number_i != '___') {
      $.post('saveEntry.php', {number: number_i, date: date_s, name: name_p}, function() {
        $('#confirmation').text('Info: the data was saved!');
        $('#confirmation').attr('class', 'alert alert-success');
      })
    } else {
      alert('Introdu Numar Bon Fiscal!');
    }
  };

Answer 1

在点击事件中使用以下代码。

$(this).css('display', 'none');

Answer 2

你有没有尝试过：

$('._btn_').hide();

或者可能在其中添加ID：

<a class="btn btn-danger _btn_" id="button-to-hide" onclick="save()">Register button</a>
...

$('#button-to-hide').hide();

Answer 3

将此添加到您保存功能

$(this).hide();

Answer 4

请尝试此代码

    <a class="btn btn-danger _btn_" onclick="save()">Register button</a>
  <div id="confirmation"></div>


 function save() {
    $('.btn-danger').hide()
    var number_i = $('#number_i').text();
    var date_s = $('#date_s').text();
    var name_p = "<?php echo $_POST['product_name']; ?>";


    if (number_i != '___') {
      $.post('saveEntry.php', {number: number_i, date: date_s, name: name_p}, function() {
        $('#confirmation').text('Info: the data was saved!');
        $('#confirmation').attr('class', 'alert alert-success');
      })
    } else {
      alert('Introdu Numar Bon Fiscal!');
    }
  };

单击后隐藏按钮

4 个答案: