復制代碼 代碼如下:
 
<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script> 
<script type="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() { 
var arrUserid = new Array(); 
$(".userid").each(function(i) { 
if (this.checked == true) { 
arrUserid[i] = $(this).val(); 
} 
}); 
alert("批量刪除的:" + arrUserid); 
}); 
}); 
</script> 
</head> 
<body> 
<table> 
<tr> 
<td><input type="checkbox" /></td> 
<td>用戶id</td> 
<td>用戶名</td> 
<td>電話</td> 
<td>地址</td> 
</tr> 
<tr> 
<td><input type="checkbox" value="1" /></td> 
<td>1</td> 
<td>wangzs1</td> 
<td>18888000</td> 
<td>浦東</td> 
</tr> 
<tr> 
<td><input type="checkbox" value="2" /></td> 
<td>2</td> 
<td>wangzs2</td> 
<td>18888001</td> 
<td>上海</td> 
</tr> 
<tr> 
<td><input type="checkbox" value="3" /></td> 
<td>3</td> 
<td>wangzs3</td> 
<td>18888002</td> 
<td>河南</td> 
</tr> 
<tr> 
<td><input type="checkbox" value="4" /></td> 
<td>4</td> 
<td>wangzs4</td> 
<td>18888003</td> 
<td>許昌</td> 
</tr> 
<tr> 
<td></td> 
<td><input type="button" value="全選" /></td> 
<td><input type="button" value="取消全部" /></td> 
<td><input type="button" value="反選" /></td> 
</tr> 
<tr> 
<td colspan="4"><input type="button" value="批量刪除"></td> 
</tr> 
</table> 
</body> 
</html> 
新聞熱點
疑難解答
圖片精選