<!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>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#all").click(function () {
$("input[name='checkbox1']").each(function () {
$(this).attr("checked", true);
var cks = $(":checked");
var val = "";
for (var i = 0; i < cks.length; i++) {
val += cks[i].value;
}
$("#txt").val(val);
});
});
$("#delAll").click(function () {
$("input[name='checkbox1']").each(function () {
$(this).attr("checked", false);
$("#txt").val("");
});
});
$("#antiAll").click(function () {
$("input[name='checkbox1']").each(function () {
$(this).attr("checked", !this.checked);
var cks = $(":checked");
var val = "";
for (var i = 0; i < cks.length; i++) {
val += cks[i].value;
}
$("#txt").val(val);
});
});
$("#txt").click(function () {
var cks = $(":checked");
var val = "";
for (var i = 0; i < cks.length; i++) {
val += cks[i].value;
}
$("#txt").val(val);
});
});
</script>
< /head>
< body>
< a href="javascript:;" id="all">全部选择</a><br/>
<a href="javascript:;" id="delAll">取消选择</a><br/>
<a href="javascript:;" id="antiAll">反向选择</a>
<p><input type="checkbox" value="1," name="checkbox1"/>A
<input type="checkbox" value="2," name="checkbox1"/> B
<input type="checkbox" value="3," name="checkbox1"/>C</p>
<p><input type="checkbox" value="4," name="checkbox1"/>D
<input type="checkbox" value="5," name="checkbox1"/>E
<input type="checkbox" value="6," name="checkbox1"/>F</p>
<input id="txt" type="text" />
< /body>
< /html>