javascript 全选与反选
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="css/StyleSheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// --列头全选框被单击---
function ChkAllClick(sonName, cbAllId) {
var arrSon = document.getElementsByName(sonName);
var cbAll = document.getElementById(cbAllId);
var tempState = cbAll.checked;
for (i = 0; i < arrSon.length; i++) {
if (arrSon[i].checked != tempState)
arrSon[i].click();
}
}
// --子项复选框被单击---
function ChkSonClick(sonName, cbAllId) {
var arrSon = document.getElementsByName(sonName);
var cbAll = document.getElementById(cbAllId);
for (var i = 0; i < arrSon.length; i++) {
if (!arrSon[i].checked) {
cbAll.checked = false;
return;
}
}
cbAll.checked = true;
}
// --反选被单击---
function ChkOppClick(sonName) {
var arrSon = document.getElementsByName(sonName);
for (i = 0; i < arrSon.length; i++) {
arrSon[i].click();
}
}
function AddTOWISH(sonName) {
var arrSon = document.getElementsByName(sonName);
var wishlist = document.getElementById("wishlist");
var ps = document.getElementById("wishlist").getElementsByTagName("p");
for (var j = 1; j<ps.length; j) {
var history = document.getElementById("history");
history.appendChild(ps[j]);
}
for (var i = 0; i < arrSon.length; i++) {
if (arrSon[i].checked) {
var ele = document.createElement("p");
var text = document.createTextNode(arrSon[i].value);
ele.appendChild(text);
wishlist.appendChild(ele);
}
}
}
</script>
<style type="text/css">
#Button1
{
height: 42px;
width: 179px;
}
#Checkbox1
{
height: 25px;
width: 26px;
}
</style>
</head>
<body>
<div >
<p>历史清单内容:</p>
</div>
</div>
</div>
</body>
</html>