zoukankan      html  css  js  c++  java
  • 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);
  • 相关阅读:
    GCC编译错误小结
    Sword libcurl使用
    Python 包
    Python __all__系统变量
    Python 模块导入
    Python 异常处理
    Python 单例模式
    乐乐课堂_leleketang.com
    靠刷题考进了清华?学霸告诉你答案
    python logging配置时间或大小轮转
  • 原文地址:https://www.cnblogs.com/sjqq/p/6361410.html
Copyright © 2011-2022 走看看