点击按钮以后将其设置为不可用状态

点击按钮之后将其设置为不可用状态

点击按钮之后将其设置为不可用状态:
不少效果中,希望按钮只能够被点击一次,再点击之后就会被设置为不可用,代码非常的简单。
代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>点击按钮之后将其设置为不可用-蚂蚁部落</title>
<script type="text/javascript">
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    bt.disabled=true;
  }
}
</script>
</head>
<body>
<input type="button" id="bt" value="提交"/>
</body>
</html>

以上代码在点击按钮之后,可以将其设置为不可用状态,代码非常简单,这里就不介绍了。
相关参阅:
1.onclick事件可以参阅javascript的onclick事件一章节。
2.disabled属性可以参阅javascript的button.disabled属性一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9177

更多内容可以参阅:http://www.softwhy.com/javascript/