Jquery 成功插入后更改按钮名称

在用户单击“提交”按钮并将数据发送到浏览器后，我希望禁用并更改该按钮。我已经试着自己去做了。但它不起作用

$(document).ready(function(){
    $("form").on('submit',function(event){ 
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
        type: "POST",
        url: "calls/insert_fryd.asp",
        data: data
        }).success(function() {


             $(".btn-style").click(function(){
        $(this).val('Inserted');
        $(this).attr('disabled', 'disabled');
  });

---

我想这就是你需要的：

$(document).ready(function(){
    $("form").on('submit',function(event){ 
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
        type: "POST",
        url: "calls/insert_fryd.asp",
        data: data
        }).success(function() {
            $(".btn-style").val('Inserted').attr('disabled', 'disabled');
        });
    });
});

---

我想这就是你需要的：

$(document).ready(function(){
    $("form").on('submit',function(event){ 
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
        type: "POST",
        url: "calls/insert_fryd.asp",
        data: data
        }).success(function() {
            $(".btn-style").val('Inserted').attr('disabled', 'disabled');
        });
    });
});

---

我想这就是你需要的：

$(document).ready(function(){
    $("form").on('submit',function(event){ 
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
        type: "POST",
        url: "calls/insert_fryd.asp",
        data: data
        }).success(function() {
            $(".btn-style").val('Inserted').attr('disabled', 'disabled');
        });
    });
});

---

我想这就是你需要的：

$(document).ready(function(){
    $("form").on('submit',function(event){ 
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
        type: "POST",
        url: "calls/insert_fryd.asp",
        data: data
        }).success(function() {
            $(".btn-style").val('Inserted').attr('disabled', 'disabled');
        });
    });
});

---

您应该删除单击事件的代码，如下所示：

$(document).ready(function(){
    $("form").on('submit',function(event){ 
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
            type: "POST",
            url: "calls/insert_fryd.asp",
            data: data
        }).success(function() {
            $('.btn-style').val('Inserted').attr('disabled', 'disabled');
        });
    });
});

---

您应该删除单击事件的代码，如下所示：

$(document).ready(function(){
    $("form").on('submit',function(event){ 
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
            type: "POST",
            url: "calls/insert_fryd.asp",
            data: data
        }).success(function() {
            $('.btn-style').val('Inserted').attr('disabled', 'disabled');
        });
    });
});

---

您应该删除单击事件的代码，如下所示：

$(document).ready(function(){
    $("form").on('submit',function(event){ 
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
            type: "POST",
            url: "calls/insert_fryd.asp",
            data: data
        }).success(function() {
            $('.btn-style').val('Inserted').attr('disabled', 'disabled');
        });
    });
});

---

您应该删除单击事件的代码，如下所示：

$(document).ready(function(){
    $("form").on('submit',function(event){ 
        event.preventDefault();

        data = $(this).serialize();

        $.ajax({
            type: "POST",
            url: "calls/insert_fryd.asp",
            data: data
        }).success(function() {
            $('.btn-style').val('Inserted').attr('disabled', 'disabled');
        });
    });
});

试试这个

$(document).ready(function() {
  $("form").on('submit', function(event) {
    event.preventDefault();

    data = $(this).serialize();

    $.ajax({
      type: "POST",
      url: "calls/insert_fryd.asp",
      beforeSend: function() {
        $(".btn-style").val('Loading').attr('disabled', 'disabled');
      },
      data: data
    }).success(function() {


      $(".btn-style").val('Inserted');
    })
  });
});

试试这个

$(document).ready(function() {
  $("form").on('submit', function(event) {
    event.preventDefault();

    data = $(this).serialize();

    $.ajax({
      type: "POST",
      url: "calls/insert_fryd.asp",
      beforeSend: function() {
        $(".btn-style").val('Loading').attr('disabled', 'disabled');
      },
      data: data
    }).success(function() {


      $(".btn-style").val('Inserted');
    })
  });
});

试试这个

$(document).ready(function() {
  $("form").on('submit', function(event) {
    event.preventDefault();

    data = $(this).serialize();

    $.ajax({
      type: "POST",
      url: "calls/insert_fryd.asp",
      beforeSend: function() {
        $(".btn-style").val('Loading').attr('disabled', 'disabled');
      },
      data: data
    }).success(function() {


      $(".btn-style").val('Inserted');
    })
  });
});

试试这个

$(document).ready(function() {
  $("form").on('submit', function(event) {
    event.preventDefault();

    data = $(this).serialize();

    $.ajax({
      type: "POST",
      url: "calls/insert_fryd.asp",
      beforeSend: function() {
        $(".btn-style").val('Loading').attr('disabled', 'disabled');
      },
      data: data
    }).success(function() {


      $(".btn-style").val('Inserted');
    })
  });
});

---

按钮是

还是

？请尝试

.attr（'disabled'，true）好的，它在firefox中有效，但在chrome中无效。该字段是嵌套的，因此当我单击其中一个字段时，如果您想共享html或更好地创建JSFIDLE，那么它将全部更改为insertedit将非常有用。按钮是a
或a
？请尝试
.attr（'disabled'，true）好的，它在firefox中有效，但在chrome中无效。该字段是嵌套的，因此当我单击其中一个字段时，如果您想共享html或更好地创建JSFIDLE，那么它将全部更改为insertedit将非常有用。按钮是a
或a
？请尝试
.attr（'disabled'，true）好的，它在firefox中有效，但在chrome中无效。该字段是嵌套的，因此当我单击其中一个字段时，如果您想共享html或更好地创建JSFIDLE，那么它将全部更改为insertedit将非常有用。按钮是a
或a
？请尝试
.attr（'disabled'，true）好的，它在firefox中有效，但在chrome中无效。该字段是嵌套的，因此当我单击其中一个时，它会将所有内容更改为insertedit，如果您想共享html或更好地创建JSFIDdle，这将非常有帮助。它对firefox和chrome都非常有效，但问题是，按钮是嵌套的，因此当我单击其中一个时，它会影响其他所有内容。但是我想要一个一个我们需要你的html表格。因此，我们可以更好地帮助您。它对firefox和chrome都非常有效，但问题是，按钮是嵌套的，所以当我单击其中一个按钮时，它会影响其他所有按钮。但是我想要一个一个我们需要你的html表格。因此，我们可以更好地帮助您。它对firefox和chrome都非常有效，但问题是，按钮是嵌套的，所以当我单击其中一个按钮时，它会影响其他所有按钮。但是我想要一个一个我们需要你的html表格。因此，我们可以更好地帮助您。它对firefox和chrome都非常有效，但问题是，按钮是嵌套的，所以当我单击其中一个按钮时，它会影响其他所有按钮。但是我想要一个一个我们需要你的html表格。这样我们才能更好地帮助你。