<input type="button" id="btn" value="免费获取验证码" />

<script type="text/javascript">

var wait=60;

function time(o) {

		if (wait == 0) {

			o.removeAttribute("disabled");

			o.value="免费获取验证码";

			wait = 60;

		} else {

			o.setAttribute("disabled", true);

			o.value="重新发送(" + wait + ")";

			wait--;

			setTimeout(function() {

				time(o)

			},

			1000)

		}

	}

document.getElementById("btn").onclick=function(){time(this);alert('aaaaaa');}

</script>

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

例子：

<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://my.oschina.net/mickelfeng/blog/109038

js 控制按钮点击后不可用的更多相关文章

  1. 安装node.js后npm不可用

    安装node.js后npm不可用 最近要用Vue做项目,依赖node.js,于是按官网下载安装node 下载地址:https://nodejs.org/en/download/ 网上也有很多教程这里就 ...

  2. [King.yue]Grid列选中JS控制按钮状态

    Grid列选中一行某些按钮启用 例:gridId(Grid   ID) btnEditId(编辑按钮ID) btnDeleteId(删除按钮ID) JS: var setButtonStatus = ...

  3. js设置按钮不可用

    <input type="button" value="确定" id="stamp" onclick="stampBill( ...

  4. JS控制按钮不能连续被点击

    将下面代码拷贝进一个html文件中就可以运行查看效果. function downLoad(evt) { disabledButton(); MyPeriodicalExecuter(evt); } ...

  5. js简单分页，可用

    //翻页调用 var pageSize = 1; var counts = 1; var current_page = 1; var rows,total; search(); //查询所有 func ...

  6. js 倒计时 button不可用

    function showtime() { fun_timedown(5); } function fun_timedown(time) { $("#timedown").val( ...

  7. vue.js实现点击后动态添加class及删除同级class

    最近使用vue需要实现一个点餐选择商品规格的页面,需要通过vue动态的给被点击的元素添加class名字,使其变色,其他的删除class.如图: 开始在网上找了许多办法发现不是太好用,最后找到一个发现还 ...

  8. BootStrap中按钮点击后被禁用按钮的最佳实现方法

    //禁用button $('button').addClass('disabled'); // Disables visually $('button').prop('disabled', true) ...

  9. JS将指定的时间戳转为UTC时间

    Js中获取时间戳可用var dayMiliseconds = parseInt(new Date().valueOf());Js的时间戳单位为毫秒(1s = 1000 ms),下面是一个将制定的格式转 ...

随机推荐

  1. intellij idea使用maven本地仓库及修改本地仓库路径

    什么maven本地仓库,默认是用户目录下的.m2/repository这个文件. idea是自带maven插件的不用我们再,怎么把依赖包下载到我们的本地仓库呢?一般是idea默认了路径,而且idea是 ...

  2. HDUOJ A Mathematical Curiosity 1017

     此题不难就是输出格式麻烦 #include<stdio.h>  int main(){        int T;   scanf("%d",&T);   ...

  3. PAAS云服务平台

    云计算是一种可以方便.按需从网络訪问的.可配置的.共享的资源池(如网络.server.存储.应用程序和服务)模型,且仅仅需最少的管理(服务提供方交互)就可以高速供应和公布该模型. 云计算平台的核心部分 ...

  4. 如何修改JComboBox的宽度

    代码: String[] arr={"http://itts.ihe.ufo.com/rtts/ws.jsp","http://ittsstg.ihe.ufo.com/r ...

  5. 服务器提交了协议冲突. Section=ResponseHeader Detail=CR...的解决方案总结

    今天在HttpWebRequest发送一个网页请求的时候,HttpWebResponse返回了一个奇怪的错误信息: 这个Http协议请求类可是微软封装的,我使用的流程可是中规中矩,不可能是我写错代码, ...

  6. iOS项目开发实战——使用CoreLocation获取当前位置信息

    随着基于位置服务LBS和移动互联网的兴起,你的位置是越来越重要的一个信息.位置服务已经是当前的热门应用如微信.陌陌等社交应用的杀手锏.而在iOS开发中,苹果已经给我们提供了一个位置接口.CoreLoc ...

  7. win7 linux双系统删除linux

    本文内容收集自互联网,共两篇,中间以“分界线”进行分割. linux的卸载 一.win7与linux都使用grub来引导 卸载:不能直接删除ubuntu分区,这样会造成win7也启动不了 正确方法: ...

  8. 大规模分布式数据处理平台Hadoop的介绍 一种可靠、高效、可伸缩的处理方案

    http://www.nowamagic.net/librarys/veda/detail/1767 Hadoop是什么 Hadoop原来是Apache Lucene下的一个子项目,它最初是从Nutc ...

  9. Django Error: That port is already in use.

    原文:http://stackoverflow.com/questions/20239232/error-that-port-is-already-in-use A more simple solut ...

  10. win7保护眼睛的颜色设置方法(85，125，205)

    win7保护眼睛的颜色设置方法(85,125,205) 在电脑桌面空白处点击右键“个性化”按钮. 在弹出的对话框单击“窗口颜色”. 在弹出的新的对话框中单击“高级外观设置”. 在弹出的窗口颜色和外观中 ...