jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法


Posted in Javascript onMarch 24, 2015

本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法。分享给大家供大家参考。具体实现方法如下:

这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能。

主要代码如下:

<html>
<body>
<form method="get" action="" target="box">
<input id="buttonid" type="submit" value="提交" />
</form>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script>
$("form").submit(function() {
  $("#buttonid").val("正在处理...");
  $("#buttonid").attr("disabled", "disabled");
});
</script>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
用js实现小球的自由移动代码
Apr 22 Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 Javascript
JQ实现新浪游戏首页幻灯片
Jul 29 Javascript
详解AngularJS中自定义过滤器
Dec 28 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
Nov 01 Javascript
基本DOM节点操作
Jan 17 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
Jan 16 Javascript
关于vue中的ajax请求和axios包问题
Apr 19 Javascript
详解vuex 渐进式教程实例代码
Nov 27 Javascript
小程序自定义单页面、全局导航栏的实现代码
Mar 15 Javascript
layer更改皮肤的实现方法
Sep 11 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 Javascript
超级简单实现JavaScript MVC 样式框架
Mar 24 #Javascript
JavaScript检测弹出窗口是否已经关闭的方法
Mar 24 #Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 #Javascript
JavaScript实现找质数代码分享
Mar 24 #Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
Mar 24 #Javascript
jQuery调用ajax请求的常见方法汇总
Mar 24 #Javascript
JSONP之我见
Mar 24 #Javascript
You might like
全国FM电台频率大全 - 14 江西省
2020/03/11 无线电
PHP的中问验证码
2006/11/25 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
Yii2框架实现登陆添加验证码功能示例
2018/07/12 PHP
javascript 常用功能总结
2012/03/18 Javascript
javaScript对文字按照拼音排序实现代码
2013/12/27 Javascript
js字符串完全替换函数分享
2014/12/03 Javascript
javascript实现设置、获取和删除Cookie的方法
2015/06/01 Javascript
jQuery+PHP星级评分实现方法
2015/10/02 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
AngularJS初始化静态模板详解
2016/01/14 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
详解nodejs微信jssdk后端接口
2017/05/25 NodeJs
vue中axios处理http发送请求的示例(Post和get)
2017/10/13 Javascript
Angularjs实现控制器之间通信方式实例总结
2018/03/27 Javascript
从vue源码解析Vue.set()和this.$set()
2018/08/30 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
[01:04:09]DOTA2-DPC中国联赛 正赛 iG vs VG BO3 第二场 2月2日
2021/03/11 DOTA
python缩进区别分析
2014/02/15 Python
python调用java的Webservice示例
2014/03/10 Python
Python字典操作简明总结
2015/04/13 Python
Python实现脚本锁功能(同时只能执行一个脚本)
2017/05/10 Python
python实现超市扫码仪计费
2018/05/30 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
python线程join方法原理解析
2020/02/11 Python
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
国窖1573广告词
2014/03/21 职场文书
工商企业管理应届生求职信
2014/05/04 职场文书
护士找工作求职信
2014/07/02 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
工作自我推荐信范文
2015/03/25 职场文书
房地产置业顾问岗位职责
2015/04/11 职场文书
Pytorch 实现变量类型转换
2021/05/17 Python
win10截图快捷键win+shift+s没有反应无法截图怎么解决?
2022/08/14 数码科技