<head>
<title></title>
<style type="text/css">
img
{
width:50px; height:50px;
}
table
{
width:600px; height:400px;
}
table tr td{ border:solid 1px #eee;}
</style>
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Checkbox7').click(function () {
if (this.checked) {
$('table tr td input[type=checkbox]').attr('checked', true);
}
else {
$('table tr td input[type=checkbox]').attr('checked', false);
}
});
$('#Checkbox8').click(function () {
$('input[type=checkbox]').each(function () {
if (this.checked) {
$(this).attr('checked', false)
$('div input[id=Checkbox7]').attr('checked', false);
}
else {
$(this).attr('checked', true)
}
});
});
$('#btnDel').click(function () {
var intL = $("table tr td input:checked:not('#Checkbox7')").length;
if (intL != 0) {
$("table tr td input[type=checkbox]:not('#Checkbox7')").each(function (index) {
if (this.checked) {
alert(this.value);
$('table tr td[id=' + this.value + ']').remove();
}
});
}
});
});
</script>
</head>
<body>
<div>
<input id="Checkbox7" type="checkbox" />全选<input id="Checkbox8" type="checkbox" />反选
<input id="btnDel" type="button" value="删除" class="btn"/>
</div>
<table>
<tr>
<td>
操作
</td>
<td>
编号
</td>
<td>
名称
</td>
<td>
作者
</td>
<td>
封面
</td>
<td>
单价
</td>
</tr>
<tr>
<td>
<input id="Checkbox1" type="checkbox" />
</td>
<td>
001
</td>
<td>
三国演义
</td>
<td>
罗贯中
</td>
<td>
<img src="images/2.jpg" />
</td>
<td>
45
</td>
</tr>
<tr>
<td>
<input id="Checkbox2" type="checkbox" />
</td>
<td>
002
</td>
<td>
西游记
</td>
<td>
吴承恩
</td>
<td>
<img src="images/3.jpg" />
</td>
<td>
40
</td>
</tr>
<tr>
<td>
<input id="Checkbox3" type="checkbox" />
</td>
<td>
003
</td>
<td>
水浒传
</td>
<td>
施耐庵
</td>
<td>
<img src="images/4.jpg" />
</td>
<td>
50
</td>
</tr>
<tr>
<td>
<input id="Checkbox4" type="checkbox" />
</td>
<td>
004
</td>
<td>
红楼梦
</td>
<td>
曹雪芹
</td>
<td>
<img src="images/5.jpg" />
</td>
<td>
100
</td>
</tr>
<tr>
<td>
<input id="Checkbox5" type="checkbox" />
</td>
<td>
005
</td>
<td>
家
</td>
<td>
巴金
</td>
<td>
<img src="images/6.jpg" />
</td>
<td>
45
</td>
</tr>
<tr>
<td>
<input id="Checkbox6" type="checkbox" />
</td>
<td>
006
</td>
<td>
茶馆
</td>
<td>
老舍
</td>
<td>
<img src="images/7.jpg" />
</td>
<td>
35
</td>
</tr>
</table>
</body>
</html>