<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="Css/Commom.css" />
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function () {
$("#selAll").click(function () {
$(".column :checkbox").attr("checked", true);
});
$("#unSelAll").click(function () {
$(".column :checkbox").attr("checked", false);
});
$("#reverSel").click(function () {
//遍历.column 下的 checkbox;
$(".column :checkbox").each(function () {
//给当前勾选的checkbox取反； 其中!$(this).attr("checked")是先获取他的属性，再取反，充当第二个参数；
//attr方法只有一个参数时是取值，两个参数时是设值；
$(this).attr("checked", !$(this).attr("checked"));
});
});
});
</script>
</head>
<body>
<div class="column">
<input id="Checkbox1" type="checkbox" value="修改密码" />
修改密码
<input id="Checkbox2" type="checkbox" value="评论管理" />
评论管理
<input id="Checkbox3" type="checkbox" value="删除文章" />
删除文章
<input id="Checkbox4" type="checkbox" value="删除用户" />
删除用户
<input id="Checkbox5" type="checkbox" value="备份数据" />
备份数据
</div>
<div class="column">
<input id="selAll" type="button" value="全选" />
<input id="unSelAll" type="button" value="全不选" />
<input id="reverSel" type="button" value="反选" />
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="Css/Commom.css" />
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function () {
$("#selAll").click(function () {
$(".column :checkbox").attr("checked", true);
});
$("#unSelAll").click(function () {
$(".column :checkbox").attr("checked", false);
});
$("#reverSel").click(function () {
//遍历.column 下的 checkbox;
$(".column :checkbox").each(function () {
//给当前勾选的checkbox取反； 其中!$(this).attr("checked")是先获取他的属性，再取反，充当第二个参数；
//attr方法只有一个参数时是取值，两个参数时是设值；
$(this).attr("checked", !$(this).attr("checked"));
});
});
});
</script>
</head>
<body>
<div class="column">
<input id="Checkbox1" type="checkbox" value="修改密码" />
修改密码
<input id="Checkbox2" type="checkbox" value="评论管理" />
评论管理
<input id="Checkbox3" type="checkbox" value="删除文章" />
删除文章
<input id="Checkbox4" type="checkbox" value="删除用户" />
删除用户
<input id="Checkbox5" type="checkbox" value="备份数据" />
备份数据
</div>
<div class="column">
<input id="selAll" type="button" value="全选" />
<input id="unSelAll" type="button" value="全不选" />
<input id="reverSel" type="button" value="反选" />
</div>
</body>
</html>