采用JAVASCRIPT实现全选的三种情况

通常采用JAVASCRIPT实现页面全选的，主要有下面三种情况：

if(arrAll[i].nodeName.toLowerCase() == "select")

1、当前页面中所有的CHECKBOX全部选中及取消。
2、当前页面中所有同名的CHECKBOX全部选中。
3、当前页面中所有具有相同前缀名的CHECKBOX全部选中。

这里以实例的形式，展示了三种情况的操作，完整源代码如下：

<html>

<head>

<title>全选示例</title>
采用JAVASCRIPT实现全选的三种情况

</head>

<body>

<form action="" method="post" name="loginForm">
采用JAVASCRIPT实现全选的三种情况

/********************全选示例********************/<br>
采用JAVASCRIPT实现全选的三种情况

<b>水果（checkbox同名）：</b><br>
采用JAVASCRIPT实现全选的三种情况

<input type="checkbox" name="fruit" value="1">苹果<br>
采用JAVASCRIPT实现全选的三种情况

<input type="checkbox" name="fruit" value="2">梨<br>
采用JAVASCRIPT实现全选的三种情况

<input type="checkbox" name="fruit" value="3">桃<br>
采用JAVASCRIPT实现全选的三种情况

<input type=button value="全选水果" onclick="checkAllFruit()">
采用JAVASCRIPT实现全选的三种情况

<input type=button value="取消全选水果" onclick="unCheckAllFruit()"><br>
采用JAVASCRIPT实现全选的三种情况

<b>蔬菜：</b><br>
采用JAVASCRIPT实现全选的三种情况

<input type="checkbox" name="vegetable" value="4">大白菜<br>
采用JAVASCRIPT实现全选的三种情况

<input type="checkbox" name="vegetable" value="5">西红柿<br>
采用JAVASCRIPT实现全选的三种情况

<b>水果2（checkbox不同名，具有相同的前缀名）：</b><br>
采用JAVASCRIPT实现全选的三种情况

<input type="checkbox" name="_fruit1" value="6">苹果<br>
采用JAVASCRIPT实现全选的三种情况

<input type="checkbox" name="_fruit2" value="7">梨<br>
采用JAVASCRIPT实现全选的三种情况

<input type="checkbox" name="_fruit3" value="8">桃<br>
采用JAVASCRIPT实现全选的三种情况

<input type=button value="全选水果2" onclick="checkAllFruit2()">
采用JAVASCRIPT实现全选的三种情况

<input type=button value="取消全选水果2" onclick="unCheckAllFruit2()"><br>
采用JAVASCRIPT实现全选的三种情况

<input type="checkbox" name="vegetable" onclick="doChangeCheckStatus(this);">全选
采用JAVASCRIPT实现全选的三种情况

<input type=button value="所有全选" onclick="checkAll()">
采用JAVASCRIPT实现全选的三种情况

<input type=button value="取消所有全选" onclick="unCheckAll()">
采用JAVASCRIPT实现全选的三种情况

</form>

</body>

</html>
>