云盘分享地址:
http://t.cn/zRooZpk
分享中成长,交流中交往
大数据资料共享。
直接上代码 废话不说: <display:table style='text-align:center;' name="productBlackNames" id="productBlackName" class="editTable2" pagesize="15" sort="external" partialList="true" size="total" requestURI="list.do"> <display:column title="<input type='checkbox' class='width:15px; vertical-align:text-top; height:13px;' style='width:25px;' id='itemId' name='temName' οnclick='javascript:checkboxFind(this)'/> "> <input type="checkbox" class="width:15px; vertical-align:text-top; height:13px;" style="width:25px;" id="${productBlackName.id}" name="itemChild" οnclick="javascript:checkboxFind(this)" value="${productBlackName.id} " /> <!-- 所有的ID --> <script type="text/javascript">allId+=','+${productBlackName.id}</script> </display:column> <display:column title="序号">${productBlackName_rowNum}</display:column> <display:column title="级别"> <c:if test="${productBlackName.level == 1}">系统级别</c:if> <c:if test="${productBlackName.level == 2}">SI级别</c:if> <c:if test="${productBlackName.level == 3}">产品级别</c:if> </display:column> <display:column title="操作"> <a href="#" οnclick="javascript:del(${productBlackName.id},${productBlackName.type},${productBlackName.level});">删除</a> </display:column> </display:table>
<script type="text/javascript"> <!-- //所有的id var allId=""; var rest=""; //处理权选中 function checkboxFind(select){ if(select.name == 'temName'){ if(select.checked){ //如果是选中 全选 rest = allId.split(","); for(var i = 0; i < rest.length; i++){ if(rest[i]) document.getElementById(rest[i]).checked=true; } rest = allId; }else{ rest = allId.split(","); for(var i = 0; i < rest.length; i++){ if(rest[i]) document.getElementById(rest[i]).checked=false; } rest = ""; } }else{ //如果是单个选中 if(select.checked){ rest += ','+select.id; }else{ var r; if(rest){ r = rest.split(","); rest = ""; for( var i = 0; i < r.length ; i++){ if(r[i]){ if(r[i] == select.id) continue; rest += ','+r[i]; } } } } } } function del(id,type,level){ if(confirm("是否确定删除?")) window.location.href='../productBlackName/delete.do?id='+id+'&type='+type+'&level='+level; } function delAll(type,level){ if(rest.length < 1){ alert("请选择要删除信息!"); return; } if(confirm("是否确定批量删除?")) window.location.href='../productBlackName/delete.do?id='+rest+'&type='+type+'&level='+level; } //--> </script>
回过头来 在看写的这些代码确实潦草 。 比如过滤的那块用jquery如果实现 ,代码会很整洁。。
上面是加入 列表前面的复选框 下面是处理选择 的js代码 如果有更好的解决方案 欢迎批评!
Java部落 Q群:84436262