Question

我有一张表格，我正在使用ajax处理它。如果表单成功提交，我希望提交表单并更改按钮文本。问题是，如果我重置表单，文本不会改变。如果我没有重置表单，则文本会更改，但您无法再次提交表单。我希望用户能够在两个选项之间切换。例如，他们可以打开或关闭某些东西 - 如果打开 - 按钮显示 - ＆＃34;关闭＆＃34;如果关闭 - 按钮显示 - ＆＃34;打开＆＃34;这是我的代码：

$( 'form' ).each( function( i, el ) {
        var $el = $( this );

        if ( $el.hasClass( 'form-ajax-discount-button' ) ) {
            $el.on( 'submit', function( e ) {
                e.preventDefault();

                var $submit = $el.find( 'button' ),
                    action = $el.attr( 'action' );

                // button loading
                $submit.button( 'loading' );

                $.ajax({
                    type     : 'POST',
                    url      : action,
                    data     : $el.serialize() + '&ajax=1',
                    dataType : 'JSON',
                    success  : function( response ) {

                        // custom callback
                        $el.trigger( 'form-ajax-response', response );
                        // reset button
                        $submit.button( 'reset' );
                        // success
                        $submit.html( response.message );   
                    },
                })
            });
        };
    });

Answer 1

发现此代码在点击时切换文字，是您正在寻找的内容吗？

$(function(){
   $(".pushme").click(function () {
      $(this).text(function(i, text){
          return text === "PUSH ME" ? "DON'T PUSH ME" : "PUSH ME";
      })
   });
})

http://jsfiddle.net/CBajb/

重置表单并更改提交按钮文本

1 个答案: