当前位置:织梦97 > 织梦教程 > 织梦技巧 > dedecms织梦模板DIY自定义表单后台增加全选的功能

dedecms织梦模板DIY自定义表单后台增加全选的功能

发布人:织梦97 时间:2018-08-02 人气:2567

好消息:所有模板免费下载!同时承接各类网站编辑制作、仿站业务,详情联系客服QQ:282140068织梦仿站、织梦安装、修改、安全处理、疑难解决、PHP网站开发、网页设计、改版、点击这里

织梦自定义表单增加全选功能后效果演示图:

 dedecms织梦模板DIY自定义表单后台增加全选的功能

织梦自定义表单没有批量选择的功能,给我们管理带来很大不便,如果需要加上"全选/全不选"的功能,步骤如下:

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

 

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

 

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

1
2
<label><input type="button" name="select" onclick="selectAll()" value="全选"/></label>
<label><input type="button" name="select" onclick="selectAll1()" value="取消全选"/></label>

3、在后面加上js代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
function selectAll(){
var a = document.getElementsByTagName("input");
for(var i = 0;i<a.length;i++){
if(a[i].type == "checkbox") a[i].checked = true;
}
}
function selectAll1(){
var a = document.getElementsByTagName("input");
for(var i = 0;i<a.length;i++){
if(a[i].type == "checkbox") a[i].checked = false;
}
}
</script>
暂无评论!
用户: 密码: 验证: 点击获取 注册
验证: 点击获取