`

[原] 页面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 发表评论
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics