5,006
社区成员
发帖
与我相关
我的任务
分享
<input type="text" value="text" onclick="alert('click it!')"> &
<input type="text" value="disabled text" disabled onclick="alert('click it!')">
<br/>
<input type="button" value="button" onclick="alert('click it!')"> &
<input type="button" value="disabled button" disabled onclick="alert('click it!')">
以上两组INPUT,第一组是文本框,第二组是按钮,每组中第二个 INPUT 都使用了 disabled 属性,在浏览器中打开,试试看,点击每组的第二个 INPUT 是不是没有用。
window.onload= function (){
var aObj = document.getElementById('toolBarId').getElementsByTagName('a');
for(var i = 0; i < aObj.length; i++)
{
aObj[i].disabled = true;
aObj[i].onclick = function () { return false; }
}
}
<html>
<head>
<script>
function GetState(obj){
if(obj.disabled)
return false;
return true;
}
var state=false;
function change(obj){
if(!state){
document.getElementById('a1').disabled=true;
obj.value='启用a1';
}
else{
document.getElementById('a1').disabled=false;
obj.value='禁用a1';
}
state=!state;
}
</script>
</head>
<body>
<a id='a1' href='http://bbs.csdn.net/' onclick='return GetState(this);' >csdn论坛</a>
<a id='a2' href='http://www.csdn.net' onclick='return GetState(this);' >csdn首页</a>
<input type='button' value='禁用a1' onclick='change(this);' />
</body>
</html>