JQUERY中，修改按钮点击后变成提交按钮，再点击仍然进入的是修改按钮的点击事件

Question

$(document).ready(function(){ $("[value=编辑数据]").click(function(){ alert(11); $("[readonly=readonly]").removeAttr("readonly"); $("[type=text]:first").focus(); $(this).attr("value","保存"); }); $("[value=保存]").click(function(){ alert(1); $(this).submit();alert(2); }); });怎样让修改之后的保存按钮正常触发。。。。求指教

Answer 1

来不及了，直接上代码吧：

$(document).ready(function () {
    $('#btn_submit').click(function () {  // 避免这样写（下同）：[value=编辑数据]
        var form = $(this).parents('form'),  // 当前表单
            texts = form.find(':text');  // 表单下文本输入框
        
        if ($(this).hasClass('is-edit')) {
            alert('当前是编辑状态');
            texts.prop('readonly', false).eq(0).focus();
            $(this).removeClass('is-edit');
        } else {
            alert('当前进行提交操作');
            $(this).addClass('is-edit');
            form.submit();
        }
    });
});