全選，不選和反選功能
複選框的全選，反選和不選主要應用JavaScript腳本，透過自訂函數完成。
（1）在透過JavaScript腳本中的自訂函數完成複選框的全選，反選和不選功能中，應用的第一個方法是getElementsByTagName，
取得制定標籤的名稱，傳回值為一個包含標籤資訊的object。
（2）根據getElementsByTagName標籤傳回的對象，判斷標籤類型（type）的值是否為checkbox。
（3）當標籤類型type的值為checkbox時，為標籤中的checkbox賦值。當checked的值為TRUE時，將其賦值為FALSE;當checked的值為FALSE時，
將其賦值為TRUE.
<html>
<meta charset="utf-8"/>
<head>
</head>
<body>
<form method="post" name="form1" id="form1" action="">
<tr>
<td width="62" align="center"><input type="checkbox" name="conn_id_1" id="conn_id_1" value="1"/></td>
<td>东邪</td>
<td>PHP</td>
<td>部门经理</td>
<td>29</td>
</tr>
<br/><br/>
<tr>
<td width="62" align="center"><input type="checkbox" name="conn_id_2" id="conn_id_2" value="1"/></td>
<td>西毒</td>
<td>JAVA</td>
<td>部门经理</td>
<td>29</td>
</tr>
<br/><br/>
<tr>
<td width="62" align="center"><input type="checkbox" name="conn_id_3" id="conn_id_3" value="1"/></td>
<td>南帝</td>
<td>VB</td>
<td>部门经理</td>
<td>29</td>
</tr>
<br/><br/>
<tr>
<td width="62" align="center"><input type="checkbox" name="conn_id_4" id="conn_id_4" value="1"/></td>
<td>北丐</td>
<td>ASP</td>
<td>部门经理</td>
<td>29</td>
</tr>
<br/><br/>
<tr>
<input type="button" onclick="uncheckAll(form1,status)" value="不选">
<input type="button" onclick="checkAll(form1,status)" value="全选">
<input type="button" onclick="switchAll(form1,status)" value="反选">
</tr>
</form>
<script>
function uncheckAll(form1,status){ //不选
var elements = document.getElementsByTagName('input'); //获取input标签
for(var i=0;i<elements.length;i++){ //根据标签的长度执行循环
if(elements[i].type == 'checkbox'){ //判断对象中元素的类型
if(elements[i].checked==true){ //判断当checked的值为TURE时
elements[i].checked=false; //将checked赋值为FALSE
}
}
}
}
function checkAll(form1,status){ //全选
var elements = document.getElementsByTagName('input');
for(var i=0;i<elements.length;i++){
if(elements[i].type == 'checkbox'){
if(elements[i].checked==false){
elements[i].checked=true;
}
}
}
}
function switchAll(form1,status){ //反选
var elements = document.getElementsByTagName('input');
for(var i=0;i<elements.length;i++){
if(elements[i].type == 'checkbox'){
if(elements[i].checked==true){
elements[i].checked=false;
}else if(elements[i].checked==false){
elements[i].checked=true;
}
}
}
}
</script>
</body>
</html>
