layui 只有点击“导出Excel”按钮时，才改变“导出Excel”按钮的状态

浪淘沙2年前 (2025-02-04)前端202

<form class="layui-form layui-form-pane" method="post">
    <div class="layui-form-item">

        <div class="layui-inline">
            <label class="layui-form-label layui-form-label-greenbg">标题</label>
            <div class="layui-input-inline">
                <input type="text" name="title" id="title" autocomplete="off" lay-affix="clear" value="" class="layui-input">
            </div>
        </div>   
        <div class="layui-inline">
            <input type="hidden" name="fst" id="fst" value="13" class="layui-input">
            <button class="layui-btn layuiadmin-btn-list btn-block" formaction="/sysadmins/tst/tst_list?handler=search">
                搜索
            </button>
          
            <button type="submit" id="exportButton" class="layui-btn layui-bg-red layuiadmin-btn-list btn-block1" formaction="/sysadmins/tst/tst_list?handler=excel" onclick="disableButton(this)">导出Excel</button>
        </div>
    </div>
</form>

<script>
    function disableButton(button) {
      
        button.classList.add('layui-btn-disabled');
        button.textContent = '导出中...'; // 可选：更改按钮文本
    }
</script>

返回列表

上一篇：layui select 下拉多选 xm-select

下一篇：layui checkbox选中事件