jQuery启用禁用按钮防止重复提交、layer.confirm确定按钮锁定防止重复触发事件
程序员文章站
2022-07-13 11:59:29
...
<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()");
})
}
};
上一篇: JQuery笔记2-选择器