怎么在javascript里让一个按钮失效

2024-12-04 18:31:13
推荐回答(5个)
回答1:

通过disabled属性职位true设置按钮不可用。

1、获取按钮对象
2、设置按钮对象的disabled的属性为true(禁用),false(不禁用)
示例:

btn=document.getElementById('按钮的ID');
btn.disabled=true;

回答2:

1楼正解。如果不想变灰的话,就让按钮在执行一次函数之后,再注销按钮的事件



var EventUtil = {
addHandler : function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}else if(element.attachEvent){
element.attachEvent("on"+type,handler)
}else{
element["on"+type]=handler;
}
},
removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false);
}else if(element.detachEvent){
element.detachEvent("on"+type,handler);
}else{
element["on"+type]=null;
}
}
}
var btn = document.getElementById("test");
var btn1 = document.getElementById("test1");
function sayHello(){
alert("hello");
EventUtil.removeHandler(btn,"click",sayHello);//alert之后立刻卸载按钮sayHello函数
}
EventUtil.addHandler(btn1,"click",binFunc);
function binFunc(){
EventUtil.addHandler(btn,"click",sayHello);//给test按钮绑定一个sayHello函数
}

回答3:

把按钮变灰色成不可用吧。


回答4:

document.getElementById("btnID").disabled="disabled";//失效代码document.getElementById("btnID").disabled="";//恢复代码

回答5: