博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap中点击后禁用按钮的最佳方法
阅读量:4553 次
发布时间:2019-06-08

本文共 1154 字,大约阅读时间需要 3 分钟。

为了防止在Bootstrap中点击按钮多次提交,所以希望点击按钮后禁用按钮。 具体实现方法如下: //禁用button $('button').addClass('disabled'); // Disables visually $('button').prop('disabled', true); // Disables visually + functionally //禁用类型为button的input按钮 $('input[type=button]').addClass('disabled'); // Disables visually $('input[type=button]').prop('disabled', true); // Disables visually + functionally //禁用超链接 $('a').addClass('disabled'); // Disables visually $('a').prop('disabled', true); // Does nothing $('a').attr('disabled', 'disabled'); // Disables visually 将上面方法写入点击事件中即可,如: $(".btn-check").click(function () {
$('button').addClass('disabled'); // Disables visually $('button').prop('disabled', true); // Disables visually + functionally }); js按钮点击后几秒内不可用 function timer(time) {
var btn = $("#sendButton"); btn.attr("disabled", true); //按钮禁止点击 btn.val(time <= 0 ? "发送动态密码" : ("" + (time) + "秒后可发送")); var hander = setInterval(function() {
if (time <= 0) {
clearInterval(hander); //清除倒计时 btn.val("发送动态密码"); btn.attr("disabled", false); return false; }else {
btn.val("" + (time--) + "秒后可发送"); } }, 1000); } //调用方法 timer(30);

转载于:https://www.cnblogs.com/labc/articles/5392624.html

你可能感兴趣的文章
php 事件驱动 消息机制 共享内存
查看>>
剑指offer 二叉树的bfs
查看>>
LeetCode Maximum Subarray
查看>>
单元测试框架"艾信.NET单元测试工具(AssionUnit)"开发---第二步
查看>>
git 项目最常用命令总结
查看>>
[Arduino] 在串口读取多个字符串,并且转换为数字数组
查看>>
4.1.6 Grundy数-硬币游戏2
查看>>
图像处理的软件
查看>>
Sql 2000系统表 语句查询表结构
查看>>
day 37 并发编程和操作系统的发展史 + 进程
查看>>
面试问题总结
查看>>
让我们再聊聊浏览器资源加载优化
查看>>
underscore demo
查看>>
CSS hack
查看>>
C# Enum Name String Description之间的相互转换
查看>>
Android 实现ripple动画
查看>>
PHP wamp server问题
查看>>
Spring Data Redis学习
查看>>
js闭包理解案例-解决for循环为元素注册事件的问题
查看>>
2015.04.23,外语,读书笔记-《Word Power Made Easy》 12 “如何奉承朋友” SESSION 33
查看>>