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);
  • 相关阅读:
    Todo
    我的类
    Python socket编程之七:多窗口的应用
    iOS与PHP/Android AES128 ECB NoPadding加密
    JSONModel简便应用
    iOS开发系列--UITableView全面解析
    常用方法
    OC和C++混编
    数据层
    block
  • 原文地址:https://www.cnblogs.com/sjqq/p/6361410.html
Copyright © 2011-2022 走看看