代理加盟 2020全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

您现在的位置: 秀站网 > 织梦大学 > 使用教程 >

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

来源:本站原创 发布时间:2019-09-17 17:02:55热度:我要评论(0

免费下载,无需注册无需充值

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

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

从/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织梦自定义表单增加"全选/全不选"的功能按钮

转载请注明来源网址:https://www.xiuzhanwang.com/dedecms_jq/1769.html

    发表评论

    评论列表(条)