<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. 求x>0时，y=x^3-6x^2+15的极值

    解: 当x→∞时,y也→∞,所以y没有最大值. y=x3-6x2+15=-4*(x/2)*(x/2)*(6-x)+15 而根据几何平均数小于等于算术平均数的定理,(x/2)*(x/2)*(6-x)在x ...

  2. git使用 ——转

    转自:http://blog.csdn.net/jamesmf/article/details/17483787

  3. Hibernate关系映射（三） 多对多

    一.使用用户User和Role实现多对多的示例 User.java,实现对Role的引用 package com.lxit.entity; import java.util.HashSet; impo ...

  4. 【转】C++ 虚函数&纯虚函数&抽象类&接口&虚基类

    1. 动态多态 在面向对象语言中,接口的多种不同实现方式即为多态.多态是指,用父类的指针指向子类的实例(对象),然后通过父类的指针调用实际子类的成员函数. 多态性就是允许将子类类型的指针赋值给父类类型 ...

  5. 搭建Vue环境总是出错，就重新安装就好了

    总是报错,还不如重新安装.. 错误千奇百怪,解决了 这个错误又会出现另外一个. 百度了一个挺好用的e 在window下搭建Vue.Js开发环境   nodejs官网http://nodejs.cn/下 ...

  6. webSQL 实现即时通讯

    websql存储方式一共有以下几个方法 openDatabase:这个方法使用现有的数据库或新建数据库来创建数据库对象. transaction:这个方法允许我们执行事务处理; executeSql: ...

  7. nginx做正向代理（Centos7，支持http和https）

    默认的情况下,使用nginx做正向代理可以解析http请求, 对于诸如baidu.com这样的https请求,nginx默认并不支持,不过我们可以借助第三方模块来实现. 1.先说默认情况下的代理配置 ...

  8. loadrunner参数使用总结

    使用loadrunner进行性能测试,在准备脚本阶段参数是不可避免要使用到的,现把参数的各种设置取值方式总结一下,方便日后查阅: update value on Sequential顺序取值下的取值结 ...

  9. 基于vue单页应用的例子

    代码地址如下:http://www.demodashi.com/demo/13374.html 目录结构 src目录 主要的代码目录 components 存放项目组件 router 路由文件 sto ...

  10. PHP-PHP常见错误

    错误1:foreach循环后留下悬挂指针 在foreach循环中,如果我们需要更改迭代的元素或是为了提高效率,运用引用是一个好办法: $arr = array(1, 2, 3, 4); foreach ...