JS如何禁用按钮

本帖最后由 d372970853 于 2009-07-09 13:42:44 编辑

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

包括tab<script type="text/javascript">
window.onload = function(){
var div = document.getElementById("content");
var a = div.getElementsByTagName("input");
for(var i = 0; i<a.length;i++) a[i].disabled = true;
}
</script>
<div id="content"><input type="submit" value="Create"/>
<input type="text"/>
<input type="text" value="Create"/>
<input type="submit" value="Create"/>
<input type="submit" value="Create"/>
<input type=text" >
<div id="tab">
<input type="text" value="Create"/>
<input type="submit" value="Create"/>
<input type="submit" value="Create"/>
</dir>
</dir>
不包括tab<script type="text/javascript">
window.onload = function(){
var div = document.getElementById("content");
var a = div.childNodes;
for(var i = 0; i<a.length;i++) if(a[i].tagName && a[i].tagName.toLowerCase()=="input") a[i].disabled = true;
}
</script>
<div id="content"><input type="submit" value="Create"/>
<input type="text"/>
<input type="text" value="Create"/>
<input type="submit" value="Create"/>
<input type="submit" value="Create"/>
<input type=text" >
<div id="tab">
<input type="text" value="Create"/>
<input type="submit" value="Create"/>
<input type="submit" value="Create"/>
</dir></dir>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>TEST</title>
</head>
<body>
<p> </p>
<div id="content">
<input type="submit" value="Create"/>
<input type="text"/>
<input type="text" value="Create"/>
<input type="submit" value="Create"/>
<input type="submit" value="Create"/>
<input type="text">
</div>
<script language="javascript" type="text/javascript">
function dis(id,flag)
{
if (id=="") return;
var f=flag;
var o=document.getElementById(id);
xlist=o.getElementsByTagName("input");
for (var i=0;xlist.length;i++)
{
if(xlist[i].type=="text"||xlist[i].type=="submit")
if(f=="use")
xlist[i].disabled=true;
else
xlist[i].disabled=false;
}
}
</script>
<a href="#:;" onClick="javascript:dis('content','use')">无效，不可用</a> <a href="#:;" onClick="javascript:dis('content','nouse')">有效，可用</a>
<br>
<div id="tab">
<input type="text" value="Create"/>
<input type="submit" value="Create"/>
<input type="submit" value="Create"/>
</div>
</body>
</html>