复选框的跨页勾选

先在多选框中，加上点击事件getCheckedVal()

//datatables 翻页加载完成后事件

$(document).ready(function() {
    $('#example').dataTable(dataTableObj);          //dataTable样式(否则出英文)
    $('#example').on('draw.dt',                  //dataTable重绘
        function() {
            $("#selectAll").prop('checked',false);            //把全选框设置为不选中
            //在session中的值,设置为选中
            for (var j = 0; j < sessionStorage.length; j++) {
                var obj = document.getElementsByName("box");
                for (var i = 0; i < obj.length; i++){
                    var checkbox = obj[i];
                    if(checkbox.value==sessionStorage.key(j)){
                        $("input[name='box']").eq(i).prop('checked','true');
                    }
                }


            }
        }).dataTable();
});




//获取复选框选中,未选中的值,并且存储在session中
function getCheckedVal() {
    //获取当前页面复选框
    var obj = document.getElementsByName("box");
    for (var i = 0; i < obj.length; i++) {
        var checkbox = obj[i];
        if (checkbox.checked) {
            //被选中的存在session中
            sessionStorage.setItem(checkbox.value, checkbox.value);
        }else {
            //未被选中的从session中清除
            sessionStorage.removeItem(checkbox.value);
        }
    }
}