[原] 頁面checkbox “全選定” 和 “全取消” 操作的實現（JavaScript）

Web開發時，頁面上常常需要對checkbox實現全選定 和 全取消的操作。

頁面的HTML代碼

<input type='checkbox' name='info' value='a'> 
<input type='checkbox' name='info' value='b'> 
<input type='checkbox' name='info' value='c'> 
<input type='checkbox' name='info' value='d'> 
<input type='checkbox' name='info' value='e'>
<br/> 
<input type='button' value =' 全選定 'onclick='check_all();'>
<input type='button' value =' 全取消 'onclick='check_all_un();'>

對應的JavaScript代碼

<script> 
function check_all()
{     // 全選定
    arr = document.getElementsByName('info'); 
    for(i=0;i<arr.length;i++)
    { 
        arr[i].checked = true; 
    } 
}
  
function check_all_un()
{     // 全取消
    arr = document.getElementsByName('info'); 
       for(i=0;i<arr.length;i++)
    { 
              arr[i].checked = false; 
       } 
} 
</script>