DEDECMS织梦自定义表单增加"全选/全不选"的功能按钮

织梦自定义表单如果获取表单数据很大的时候,删除很麻烦,给我们日常管理工作带来极大不便,今天做啦技术团队就分享下如何增加“全选/全不选”功能按钮,方便批量删除!

加上“全选/全不选”的功能,步骤如下:

从/dede/templets找到diy_list.htm并打开:

1、在57行处 colspan=“3” 改为 colspan=“5”

<td colspan="3改成5" height='36' align="center" bgcolor="#F8FCF1">

2、58行处添加以下代码:

<label><a href="javascript:selAll()" class="coolbg">全选</a></label>

<label><a href="javascript:noSelAll()" class="coolbg">取消</a></label>

 

3、在 </body></html> 之前加上js代码:

<script type="text/javascript">

function selAll(){

var a = document.getElementsByTagName("input");

for(var i = 0;i<a.length;i++){

if(a[i].type == "checkbox") a[i].checked = true;

}

}

function noSelAll(){

var a = document.getElementsByTagName("input");

for(var i = 0;i<a.length;i++){

if(a[i].type == "checkbox") a[i].checked = false;

}

}

</script>

最终修改效果如图:

DEDECMS织梦自定义表单增加"全选/全不选"的功能按钮