[原] 页面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 >

temptation 2007-06-21 13:39 发表评论