<!DOCTYPEhtml>
<html>
<head>
<scripttype="text/javascript"src="../js/jquery-1.9.1.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
//全选/取消全部
$("#checkAllChange").click(function(){
if(this.checked==true){
$(".userid").each(function(){
this.checked=true;
});
}else{
$(".userid").each(function(){
this.checked=false;
});
}
});
//全选
$("#checkAll").click(function(){
$(".userid").each(function(){
this.checked=true;
});
});
//取消全部
$("#removeAll").click(function(){
$(".userid").each(function(){
this.checked=false;
});
});
//反选
$("#reverse").click(function(){
$(".userid").each(function(){
if(this.checked==true){
this.checked=false;
}else{
this.checked=true;
}
})
});
//批量删除
$("#delAll").click(function(){
vararrUserid=newArray();
$(".userid").each(function(i){
if(this.checked==true){
arrUserid[i]=$(this).val();
}
});
alert("批量删除的:"+arrUserid);
});
});
</script>
</head>
<body>
<tableborder="1">
<tr>
<td><inputtype="checkbox"id="checkAllChange"/></td>
<td>用户id</td>
<td>用户名</td>
<td>电话</td>
<td>地址</td>
</tr>
<tr>
<td><inputtype="checkbox"value="1"/></td>
<td>1</td>
<td>wangzs1</td>
<td>18888000</td>
<td>浦东</td>
</tr>
<tr>
<td><inputtype="checkbox"value="2"/></td>
<td>2</td>
<td>wangzs2</td>
<td>18888001</td>
<td>上海</td>
</tr>
<tr>
<td><inputtype="checkbox"value="3"/></td>
<td>3</td>
<td>wangzs3</td>
<td>18888002</td>
<td>河南</td>
</tr>
<tr>
<td><inputtype="checkbox"value="4"/></td>
<td>4</td>
<td>wangzs4</td>
<td>18888003</td>
<td>许昌</td>
</tr>
<tr>
<td></td>
<td><inputtype="button"id="checkAll"value="全选"/></td>
<td><inputtype="button"id="removeAll"value="取消全部"/></td>
<td><inputtype="button"id="reverse"value="反选"/></td>
</tr>
<tr>
<tdcolspan="4"align="center"><inputtype="button"value="批量删除"id="delAll"></td>
</tr>
</table>
</body>
</html>