收集js代码,下次就不用写咯!简单的写下
jsp
list的头部
<td><input type="checkbox" value="-1" name="checkall" id="all" style="height: 12px;" οnclick="selectAll(this)"/></td>
<td style="width: 100px;">登录名</td>
<td style="width: 100px;">用户名</td>
list数据循环输出
循环省略不写
<td style="width: 40px;">
<input type="checkbox" value="<%=staffId1%>" name="check" οnclick="doCheckCheckBox()"/></td>
<td style="display: none;"><%=staffId1%></td>
<td style="width: 100px;"><%=logName1%></td>
<td style="width: 100px;"><%=staffName1%></td>
js
//全选全不选
function selectAll(obj){
var elements = document.getElementsByName(“check“);
for(var i=0;i<elements.length;i++){
var element = elements[i];
if(obj.checked){
element.checked = true;
}else{
element.checked = false;
}
}
}
//下面的全部选中,最上面的全选也选上
function doCheckCheckBox(){
var elements = document.getElementsByName(”check“);
var count=0;
for(var i=0;i<elements.length;i++)
{
var element = elements[i];
if(element.checked){
count=count+1;
}
}
if(count>1)
{
if(count==elements.length)
{
document.getElementById(”all“).checked=true;
}else{
document.getElementById("all").checked=false;
}
}
}