怎么在javascript里让一个按钮失效
6个回答
展开全部
通过disabled属性职位true设置按钮不可用。
1、获取按钮对象
2、设置按钮对象的disabled的属性为true（禁用），false（不禁用）
示例：
btn=document.getElementById('按钮的ID');
btn.disabled=true;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1楼正解。如果不想变灰的话，就让按钮在执行一次函数之后，再注销按钮的事件
<input type="button" value="test" id="test" />
<input type="button" value="给test绑定sayHello" id="test1" />
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函数
}
<input type="button" value="test" id="test" />
<input type="button" value="给test绑定sayHello" id="test1" />
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函数
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把按钮变灰色成不可用吧。
<button id="btn">按钮</button>
<script>
b=document.getElementById('btn');
b.disabled=true;
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.getElementById("btnID").disabled="disabled";//失效代码document.getElementById("btnID").disabled="";//恢复代码
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
var oBtn=document.getElementById('btn');
oBtn.onclick=function(){
return false;
alert('OK')
}
</script>
</head>
<body>
<input type="button" id="btn1" />
</body>
var oBtn=document.getElementById('btn');
oBtn.onclick=function(){
return false;
alert('OK')
}
</script>
</head>
<body>
<input type="button" id="btn1" />
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
