2011年11月9日 星期三

javaScript, checkBox 全選

image
常常會有這樣的需求,選最上面的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"/>    

沒有留言:

張貼留言