Checkbox全選

    function onCheck(Obj)

    {

     object=eval(Obj);

     var el = document.getElementsByTagName('input');

        var len = el.length;

        for(var i=0; i<len; i++)

        {

            if(el[i].type=="checkbox")

            {

                el[i].checked = object.checked;

            }

        }

    }

<input id="SelectAllCheckbox" type="checkbox" onclick="onCheck(this)"/>Select All

-------------------------------------------------------------------------------------------

1. <script type="text/javascript">
2. <!--
3. // 說明：Javascript 控制 CheckBox 的全選與取消全選
4. // 整理：http://www.CodeBit.cn
5. function checkAll(name)
6. {
7.     var el = document.getElementsByTagName('input');
8.     var len = el.length;
9.     for(var i=0; i<len; i++)
11.         if((el[i].type=="checkbox") && (el[i].name==name))
12.         {
13.             el[i].checked = true;
16. }
17. function clearAll(name)
25.             el[i].checked = false;
29. //-->
30. </script>

1. <input type="checkbox" name="test" value="" onclick="if(this.checked==true) { checkAll('test'); } else { clearAll('test'); }" /> 字母全選開關
2. <input type="checkbox" name="test" value="a" /> a
3. <input type="checkbox" name="test" value="b" /> b
4. <input type="checkbox" name="test" value="c" /> c
5. <input type="checkbox" name="test" value="d" /> d
6. <input type="checkbox" name="test" value="e" /> e
7. <input type="checkbox" name="test" value="f" /> f
8. <input type="checkbox" name="test" value="g" /> g
9. <br />
10. <input type="checkbox" name="num" value="" onclick="if(this.checked==true) { checkAll('num'); } else { clearAll('num'); }"  /> 數字全選開關
11. <input type="checkbox" name="num" value="1" /> 1
12. <input type="checkbox" name="num" value="2" /> 2
13. <input type="checkbox" name="num" value="3" /> 3
14. <br /><br />
15. <input type="button" value="選擇所有的字母" onclick="checkAll('test')" />
16. <input type="button" value="清空選中的字母" onclick="clearAll('test')" />
18. <input type="button" value="選擇所有的數字" onclick="checkAll('num')" />
19. <input type="button" value="清空選中的數字" onclick="clearAll('num')" />