原文代码
jsp页面:
<table>
<thead>
<tr>
<th>序号<input type="checkbox" id="all"></th>
<th>员工号</th>
<th>用户名称</th>
</tr>
</thead>
<tbody id="dataTableTbody">
</tbody>
</table>
js代码:
将查询的值展示到页面上
dataList += '<tr>';
dataList +='<td><input type="checkbox" lay-skin="primary" name="packageId" value="' + dataArray.id + '"></td>';
dataList +='<td>' + dataArray.pPackageName + '</td>';
dataList +='<td>' + dataArray.zxName+ '</td>';
dataList += '</tr>';
$('#dataTableTbody').html(dataList);
全选和取消全选
//全选按钮状态显示判断
$(document).off('click', '#dataTableTbody input[type=checkbox]').on('click', '#dataTableTbody input[type=checkbox]', function() {
var nocheckedList = $("#dataTableTbody").find('input:not(:checked)');
if(nocheckedList.length == 0){
$("#all")[0].checked = true;
}else{
$("#all")[0].checked = false;
}
});
// 全选/取消
$("#all").click(function(){
if($(this).is(':checked')){
$("#dataTableTbody").find('input').each(function(){
$(this).prop("checked",true);
})
}else{
$("#dataTableTbody").find('input').each(function(){
$(this).prop("checked",false);
})
}
});