为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

迷失代码林 2017-08-10 14:44:57
$(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); }); });怎样让修改之后的保存按钮正常触发。。。。求指教

1 回答

已采纳
?
WingMeng

TA贡献32条经验 获得超13个赞

来不及了,直接上代码吧:

$(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();
        }
    });
});


查看完整回答
反对 回复 2017-08-10

添加回答

代码语言

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信