单击事件 - 删除表单数据时提示是否确认删除

在实际表单操作中, 删除是一个风险比较大的操作, 一旦删除, 数据很难恢复. 所以我们在删除表单项前应提示是否确认删除, 避免因手误造成的不必要的误删的现象. 

我们还是基于上一篇文章进行编写: https://blog.csdn.net/weixin_42629433/article/details/83316072

如下: 

<%--<a href="${pageContext.request.contextPath}/emp/deleteEmp.do?id=${emp.id}" class="btn bg-olive btn-xs">删除不询问</a>--%>

<input type="button" onclick=deleteAsk(${emp.id}) value="删除询问" />

  1. 删除不询问 是一个 <a></a> , 超链接标签, 点击 删除不询问 后, 直接执行标签内的 href 属性值;

  2. 删除询问 是一个 <input /> 按钮, 点击 删除询问 后, 直接执行 标签内的 onclick 属性, 触发调用单击事件 deleteAsk( prama ) ,        需要在<script> <script/> 标签内申明调用的单击事件的实现方式 :

<script>

//删除询问 的单击触发事件
    function deleteAsk(id){
        if(confirm("确认删除?")) {
            location.href = "${pageContext.request.contextPath}/emp/deleteEmp.do?id="+id;
        }
    }

</script>

 

 

代码下载: https://pan.baidu.com/s/1SjAJmMNNlJ3ejaSJDrFQHg

***此代码需在 jdk1.8 下运行使用***