jquery设置按钮停顿3秒不可用

代码如下:

<!DOCTYPE html>
<html>
<head>
<title> my name is lian lily</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">

var times = 0
function show(obj) {
$("#btn_"+obj).attr("disabled","disabled");//设置button不可用
times++;
if(times == 2){
alert(obj);
times = 0;
$("#btn_"+obj).removeAttr("disabled");
return ;
}
//$("#frm"+obj).submit();
setTimeout("show("+obj+")" , 3000);
}
</script>
</head>

<body>
<form action ='post.php' method="post" name="frm1" id="frm1">
<input type="button" name="btn_1" id="btn_1" value="提交1" onclick="show(1)" />
</form>

<form action ='post.php' method="post" name="frm2" id="frm2">
<input type="button" name="btn_2" id="btn_2" value="提交2" onclick="show(2)"/>
</form>
</body>
</html>

赞 (0)

相关推荐

  • 基于jquery自定义的漂亮单选按钮RadioButton

    基于jquery自定义的漂亮单选按钮RadioButton

    继续分享web前端自定义控件,今天所要分享的控件是单选按钮,希望对你有收获,有好的建议也希望能留言给我.代码如下: Html代码如下: 复制代码 代码如下: <div style="margin:50px;float:left;"> <b class="radio" _txt="单选我"></b> <b class="radio" _txt="单选你"><

  • 浅析jQuery移动开发中内联按钮和分组按钮的编写

    浅析jQuery移动开发中内联按钮和分组按钮的编写

    内联按钮 data-inline=true 默认情况下,在体内含量的所有按钮都称为块级元素,所以他们填补了屏幕的宽度. 但是,如果你想让按钮外观紧凑,宽度只符合里面的文字和icon,那就给按钮添加data-inline="true"的属性. 如果你有多个按钮,应该肩并肩地坐在同一行,将data-inline="true"的属性为每个按钮.这将风格的按钮将其内容的宽度和浮动按钮让他们坐在同一条直线上. <a href="index.html"

  • 使用jQuery在移动页面上添加按钮和给按钮添加图标

    使用jQuery在移动页面上添加按钮和给按钮添加图标

    创建按钮 data-role=button 给HTML元素添加 data-role="button" 属性.jQuery Moble就会给此元素增强为按钮样式. Jquery Mobile框架包含了一组最常用的移动应用程序所需的图标,为了减少下载的大小,Jquery Mobile包含的是的白色的图标sprite图片,并自动在图标后添加一个半透明的黑圈以确保在任何背景色下图片都能够清晰显示. 样式链接按钮 在一个网页的主要内容块,你可以样式的任何锚链接为按钮添加 data-role=&q

  • jquery设置按钮停顿3秒不可用

    复制代码 代码如下: <!DOCTYPE html> <html> <head> <title> my name is lian lily</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="http://ajax.googleapis.com/ajax/

  • jquery设置表单元素为不可用的简单代码

    本章节通过简单的实例代码介绍一下如何将表单元素设置为不可用状态. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>我们</title> <script type=

  • 用jquery设置按钮的disabled属性的实现代码

    在html标签中设置按钮被禁用,可以使用如下代码 <input type='button' id='test' value='disabled'> 在jquery中可以使用attr()函数修改按钮的disable属性 $("#test").attr('disabled',false); jquery 控制button的disabled属性 复制代码 代码如下: $('#button').attr('disabled',"true");添加disabled

  • jQuery设置单选按钮radio选中/不可用的实例代码

    jQuery设置单选按钮radio选中/不可用的实例代码

    因为本 part 是"jQuery日常使用篇",所以都是由具体需求出发,总结需要用到的知识点.代码写得未必很好,达到目标就好.那么我们先来看看这次的需求:色块模式基于彩色模式,即开了彩色才能开色块,彩色处于关闭的时候色块不可用,开启彩色时色块radio可用,关闭彩色时如果色块处于开的话需要把它关掉,大概就这样. 我们先来看看演示效果: 我们接下来看看jQuery对单选按钮 radio 的操作. 1. 彩色处于关闭的时候色块不可用 需要两步,当页面打开时,检测如果彩色关闭的话,让色块的&

  • js代码实现点击按钮出现60秒倒计时

    js代码实现点击按钮出现60秒倒计时

    比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果. 此例子用Javascript实现点击按钮后,倒计时60秒才能再次点击发送验证码的功能. 例子1:Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果 <input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascrip

  • 点击按钮出现60秒倒计时的简单js代码(推荐)

    点击按钮出现60秒倒计时的简单js代码(推荐) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h

  • 微信小程序 input输入及动态设置按钮的实现

    微信小程序 input输入及动态设置按钮的实现 [需求]实现当手机号已填写和协议已勾选时,"立即登录"按钮变亮,按钮可点击:若有一个不满足,按钮置灰,不可点击:实现获取短信验证码,倒计时提示操作:对不满足要求内容进行toast弹窗提示. <view class="container"> <!--手机号--> <view class="section"> <text class="txt"

  • JQUERY简单按钮轮换选中效果实现方法

    本文实例讲述了JQUERY简单按钮轮换选中效果实现方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>按钮轮换点击效果</title> <script type="text/javascript" src=

  • jQuery设置下拉框显示与隐藏效果的方法分析

    jQuery设置下拉框显示与隐藏效果的方法分析

    本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法.分享给大家供大家参考,具体如下: jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素,而 toggle() 方法则可以切换 hide() 和 show() 方法,也就是显示被隐藏的元素,并隐藏已显示的元素. $("select").hide(); // 隐藏下拉框 $("select").show(); // 显示下拉框 $("select").togg

  • jQuery设置Easyui校验规则(推荐)

    废话不多说了,直接给大家贴代码了.具体代码如下所示: //JQuery EasyUI 动态改变表单项的验证规则 $(document).ready(function(){ $('#FILE_QUALITY').combobox({ onChange:function(newValue,oldValue){ if(newValue == 2){ $('#FRONT_FOR_UNIT').validatebox({ required: false }); } else if(newValue ==

随机推荐