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>
最终修改效果如图: