class='noExl'
首先下载jquery.table2excel.min.js这个文件
看看网站是否引用了jQuery,没有的话就引用,如果开头是{templete ‘common/herder’}就是默认引用了
加个导出的按钮
<a class='btn btn-success' id='dlink' href='' type='submit' onclick='daochu()'>导出</a>
列表头加入以下代码
<table class='table tableExcel' id='tableExcel'>
<th class='noExl'><input type='checkbox' name='check' id='check'></th>
如下
<table class='table tableExcel' id='tableExcel'>
<thead>
<tr>
<th class='noExl'><input type='checkbox' name='check' id='check'></th>
<th>MID</th>
<th>真实姓名</th>
<th>身份证号</th>
</tr>
</thead>
3.循环列表页加入如下代码
<tbody id='listtr'>
<tr class='noExl listtr{$key}'>
<td class='noExl'><input type='checkbox' class='zicheck' id='zicheck{$key}'></td>
4.JS加入如下代码
<script>
function daochu(){
var listlength=document.getElementById('listtr').getElementsByTagName('tr').length;
for (var i=0;i<listlength;i++) {
var checkname='#zicheck'+i;
var noExlid='.listtr'+i;
//alert(checkname);
if ($(checkname).prop('checked')==true) {
$(noExlid).removeClass('noExl');
}
}
//点击id为excelbtn的按钮
//.tableexcel是需要导出table的class
$('.tableExcel').table2excel({
//需要导出的列
columns:'1,2,3',
// 不被导出的表格行的CSS class类
exclude: '.noExl',
// 导出的Excel文档的名称
name: '成员信息导出表.xlsx',
// Excel文件的名称
filename: '成员信息导出表.xlsx',
exclude_img: false,
//是否排除导出超链接
exclude_links: false,
//是否排除导出输入框中的内容
exclude_inputs: false
});
//exportExcel('tableExcel','','成员信息表.xlsx')
}
</script>
<script>
$('#check').click(function(){
if($('.zicheck').prop('checked')==true){
$('.zicheck').prop('checked',false);
}else{
$('.zicheck').prop('checked',true);
}
});
</script>
网友评论