码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-01-06 11:56:45      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:

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

<!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/

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

标签:

原文地址:http://www.cnblogs.com/zhengzebiaodashi/p/5104663.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!