＜a＞标签中避免重复点击事件的发生

JSP与JS交互实操

最新推荐文章于 2022-06-07 14:18:28 发布

原创最新推荐文章于 2022-06-07 14:18:28 发布 · 2.8k 阅读

2 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文详述了在JSP页面中使用JS实现按钮功能动态控制的方法，具体介绍了如何通过JS函数移除和重新设置按钮的点击事件，以及通过Ajax进行后台数据请求的过程。

jsp中：

<div class="layui-inline">
    <a class="layui-btn layui-btn-normal addNews_btn" onclick="batchAddItem()" id="changeGrn">批量选择</a>
</div>

js中：

//批量选择
function batchAddItem(){
     $("#changeGrn").removeAttr("onclick");
     Comm.ajaxPost('${ctx}/mes/manage/list/toAdd', {id: id}, function (res) {
          if (res.success) {
                 $("#changeGrn").attr("onclick","batchAddItem()");
          }
     }
}