javaScript, checkBox 全選

常常會有這樣的需求，選最上面的checkbox，要連動讓下面的checkbox也勾選；
如果，最上面的checkbox取消勾選，也要下面的checkbox取消勾選。
不想寫死 checked=true 或 false，可以用這個方法

   1: <script type="text/javascript">

   2:  

   3: function checked(){

   4:     var checkValue = document.getElementById('checkAll').checked;

   5:     

   6:     document.getElementById('check1').checked=checkValue;

   7:     document.getElementById('check2').checked=checkValue;

   8:     document.getElementById('check3').checked=checkValue;

   9:     document.getElementById('check4').checked=checkValue;

  10: }

  11:  

  12: </script>

   1: <input type="checkbox" id="checkAll" onclick="checked()"/>

   2: <input type="checkbox" id="check1"/>

   3: <input type="checkbox" id="check2"/>

   4: <input type="checkbox" id="check3"/>

   5: <input type="checkbox" id="check4"/>