当前位置: 代码迷 >> 综合 >> jQuery启用禁用按钮防止重复提交、layer.confirm确定按钮锁定防止重复触发事件
  详细解决方案

jQuery启用禁用按钮防止重复提交、layer.confirm确定按钮锁定防止重复触发事件

热度:60   发布时间:2023-10-19 00:15:18.0
<a class="btn btn-warning" id="releaseBtn" onclick="ShipPlanManager.release()"><i class="fa fa-pencil"></i> 计划下发
</a>
/*** 计划下发*/
ShipPlanManager.release = function () {
    if (this.check()) {
    //禁用按钮$("#releaseBtn").attr("disabled", true);$("#releaseBtn").removeAttr("onclick");var data = $('#' + this.id).bootstrapTable('getSelections');var ids = "";for (var i = 0; i < data.length; i++) {
    ids = ids + data[i].id + ",";}ids = ids.substring(0, ids.length - 1);var lock = false;//默认未锁定parent.layer.confirm('是否确认下发?', {
    btn: ['确定', '取消'],shade: false, //不显示遮罩}, function () {
    if (!lock) {
    lock = true;var ajax = new $ax(Feng.ctxPath + "/shipplanmanager/release", function (data) {
    Feng.success("计划下发成功!");ShipPlanManager.table.refresh();//启用按钮$("#releaseBtn").removeAttr("disabled");$("#releaseBtn").attr("onclick", "ShipPlanManager.release()");}, function (data) {
    Feng.error("计划下发失败!" + data.responseJSON.message + "!");$("#releaseBtn").removeAttr("disabled");$("#releaseBtn").attr("onclick", "ShipPlanManager.release()");});ajax.set("ids", ids);ajax.start();}}, function () {
    $("#releaseBtn").removeAttr("disabled");$("#releaseBtn").attr("onclick", "ShipPlanManager.release()");})}
};
  相关解决方案