白桦yuma
2018-05-23 13:43
采纳率: 98.1%
浏览 2.3k
已采纳

怎么实现点击提交按钮后使提交按钮变成灰色不可用?

页面上有个表单,表单下面有个暂存按钮和提交按钮,如果是点击的暂存按钮的话,就
把表单数据存入数据库,但如果点击了提交按钮,就会提示用户,一旦提交就不可再修
改数据,是否提交,如果用户选择了是,则将暂存按钮和提交按钮都变为灰色,以后都
不可以再次修改了,即使退出重新登录也不能修改,当然,不能影响其他登录用户的
暂存和提交功能,如果是另外一个用户登录后,没点击提交按钮则还是可以修改自己的数据的

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

15条回答 默认 最新

  • 笨笨的程序员啊 2018-05-24 01:22
    已采纳

    在数据库对应表中加一个字段submiteFlag,用来判断当前登录用户是否提交过。可以默认为0,如果提交了更新为1。在用户进去界面时取出判断0还是1。
    再对应设置按钮是否可以点击。

        if(submiteFlag ==‘1’){
         $("#button_id").attr('disabled',true);
            }
    
        else if(submiteFlag ==‘0’){
                $("#button_id").attr('disabled',false);
            }
    
    点赞 打赏 评论
  • @删库跑路 2018-05-24 01:46

    判断提交后按钮变灰并且设置不可点击不就行了,主要还是在你于你提交的判断

    点赞 1 打赏 评论
  • 黄河默默 2018-05-24 00:19

    disabled true 提交完成后 remove这个属性

    点赞 打赏 评论
  • weixin_38188891 2018-05-24 00:45

    加个标识判断一下

    点赞 打赏 评论
  • 加一个onclick,如果被点击就取出表单需要变灰的按钮,属性设置为不可点

    点赞 打赏 评论
  • u010764924 2018-05-24 02:17

    在onclick方法执行的最后加属性控制

    点赞 打赏 评论
  • sh601431194 2018-05-24 02:34

    $(目标按钮).attr("disabled",true);

    点赞 打赏 评论
  • qq_40657461 2018-05-24 02:58

    给按钮绑定点击事件 ,然后执行 $("按钮的id").attr('disabled','true');

    点赞 打赏 评论
  • xwh1314 2018-05-24 02:59
     1、juery方法
    禁用:$("#button").attr("disabled","disabled");
    启用:$("#button").removeAttr("disabled");
    2、js方法
    按钮变灰不可用方法:document.getElementById("button").setAttribute("disabled", true);
    按钮可用方法:document.getElementById("button").removeAttribute("disabled");
    
    
    点赞 打赏 评论
  • qq_41662761 2018-05-24 03:13

    点击完成后设置按钮为已选状态

    点赞 打赏 评论
  • 蔚蓝_lee 2018-05-24 03:20

    数据库里需要一个字段来标记是否已提交,在加载页面的时候,需要查询一次数据库,判定是否有已提交,如果已提交,就给按钮加上disabled 属性

    点赞 打赏 评论
  • qq_27436443 2018-05-24 04:56

    表单提交后按钮变灰不可用的方法

    在点击“Submit按钮”之后,将Submit设置为Disable,使按钮变灰不可用,具体的做法如下:

    1、先在Form里加入:

    onSubmit="submitonce(this)"

    2、再在“Submit按钮”之前加入下面的代码:

    function submitonce(theform){ if (document.all||document.getElementById){ for (i=0;i<theform.length;i++){ var tempobj=theform.elements if(tempobj.type.toLowerCase()=="submit") tempobj.disabled=true } } }

    3、如果Form中原本就存在onSubmit动作,或者按钮类型不是Submit,而是button,则在onSubmit作用的函数中加入下面的代码:

    document.fHtmlEditor.Submit.disabled=true;

    点赞 打赏 评论
  • 祗為伊人醉 2018-05-24 05:49

    点击按钮之后,将按钮置为disabled状态

    点赞 打赏 评论
  • u010509561 2018-05-24 06:01

    在用户第一次添加数据后,点击提交按钮后,并且选择了是之后,在选择是之后加这段代码。document.getElementById(obj).disabled = true;
    保存成功后,根据返回的保存成功状态(true)进行判断,保存成功,这个按钮就不能用,保存不成功,按钮就改为可用document.getElementById(obj).disabled = false。还有,要在这个页面加载完成后也要做同样的判断,判断当前用户是否提交过数据,提交过数据,按钮将不可用,没提交过,按钮就可以用。

    点赞 打赏 评论
  • yilonghua 2018-05-24 08:05

    禁用:$("#button").attr("disabled","disabled");
    启用:$("#button").removeAttr("disabled");
    2、js方法
    按钮变灰不可用方法:document.getElementById("button").setAttribute("disabled", true);
    按钮可用方法:document.getElementById("button").removeAttribute("disabled");

    点赞 打赏 评论

相关推荐 更多相似问题