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

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

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

    if(submiteFlag ==‘1’){
     $("#button_id").attr('disabled',true);
        }

    else if(submiteFlag ==‘0’){
            $("#button_id").attr('disabled',false);
        }

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

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

加个标识判断一下

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

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

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

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

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

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

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

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

在点击“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;

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

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

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