js 控制按钮点击后不可用

最新推荐文章于 2022-04-06 23:49:09 发布

weixin_30879833

最新推荐文章于 2022-04-06 23:49:09 发布

阅读量228

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zjfazc/archive/2012/06/14/2549362.html

版权

为了防止用户多次点击某按钮，造成多次提交表单的操作。某些按钮需要在点击后实现不可用操作。

例子：

<html>
<head>
<title>同意条款</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="submit" name="Submit" value="同意" />
</form>
<script language="javascript">
document.form1.Submit.disabled = true;
var wait = 9; //停留时间
function updateinfo(){
  if(wait == 0){
    document.form1.Submit.value = "我同意";
    document.form1.Submit.disabled = false;
  }
  else{
    document.form1.Submit.value = "阅读条款"+wait;
    wait--;
    window.setTimeout("updateinfo()",1000);
  }
}
updateinfo();
</script>
</body>
</html>

设置按钮的不可用用到了 disabled属性。

语法：

object.disabled = false | true;

例子：w3cschool

<html>
<head>
<script type="text/javascript">
function disable()
  {
  document.getElementById('txt1').disabled=true;
  }
function enable()
  {
  document.getElementById('txt1').disabled=false;
  }
</script>
</head>
<body>

<textarea id="txt1">
Hello world....This is a text area
</textarea>
<br />
<input type="button" onclick="disable()" value="Disable" />
<input type="button" onclick="enable()" value="Enable" />

</body>
</html>

转载于:https://www.cnblogs.com/zjfazc/archive/2012/06/14/2549362.html

weixin_30879833

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 控制按钮点击后不可用

为了防止用户多次点击某按钮，造成多次提交表单的操作。某些按钮需要在点击后实现不可用操作。例子：<html><head><title>同意条款</title></head><body><form id="form1" name="form1" method="post" action...
复制链接

扫一扫