主页 / 问题 / 720613
Accepted
Карен
Asked:2020-09-20 05:53:04 +0000 UTC2020-09-20 05:53:04 +0000 UTC

如何更改按钮单击时的文本？

  • 772

有一个代码可以添加到比较中：

var compare = {
'add': function(product_id) {

    $.ajax({
        url: 'index.php?route=product/compare/add',
        type: 'post',
        data: 'product_id=' + product_id,
        dataType: 'json',
        success: function(json) {
            $('.alert').remove();

            if (json['success']) {
                $('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');

                $('#compare-total').html(json['total']);

                $('html, body').animate({ scrollTop: 0 }, 'slow');
            }
        },
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
    });
},
'remove': function() {
}

}

<button class="testcomp" type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');">Добавить к сравнению</button>

单击时，按钮文本应更改为比较。

javascript

2 个回答

  1. Best Answer
    $("button.testcomp").click(function(){ $(this).text("Сравнение"); });
    • 0

  2. 将另一个和this（我们的按钮）传递给函数：

    <button class="testcomp" type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>', this);">Добавить к сравнению</button>

    好吧，实际使用它...

    var compare = {
  add: function(product_id, button) { // Добавить получаемый аргумент button, который будет принимать this
    $.ajax({
      url: 'index.php?route=product/compare/add',
      type: 'post',
      data: 'product_id=' + product_id,
      dataType: 'json',
      success: function(json) {
        $('.alert').remove();

        if (json['success']) {
          $('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');

          $('#compare-total').html(json['total']);

          $('html, body').animate({ scrollTop: 0 }, 'slow');
          
          $(button).text('Сравнение'); // Оборачиваем button в jquery и делаем с ним что хотим
        }
      },
      error: function(xhr, ajaxOptions, thrownError) {
        alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
      }
    });
  },
  remove: function() {

  }
};

    • 0

相关问题