Js实现checkbox全选和全不选

用javascript实现checkbox全选和全不选的功能,方便操作

 

JavaScript代码
  1. <script language=javascript>  
  2.   
  3. function unselectall(){  
  4. if(document.myform.chkAll.checked){  
  5. document.myform.chkAll.checked = document.myform.chkAll.checked&0;  
  6. }  
  7. }  
  8. function CheckAll(form){  
  9. for (var i=0;i<form.elements.length;i++){  
  10. var e = form.elements[i];  
  11. if (e.Name != 'chkAll'&&e.disabled==false)  
  12. e.checked = form.chkAll.checked;  
  13. }  
  14. }  
  15. </script>  

在网页中html中的代码:

XML/HTML代码
  1. <form name="myform" method="post" id="myform" action="" >  
  2.   
  3. <input name='id' type='checkbox' onclick='unselectall()' id='id' value='1'> 设计家园  
  4.   
  5. <input name='id' type='checkbox' onclick='unselectall()' id='id' value='2'> 网页教程  
  6.   
  7. <input name='id' type='checkbox' onclick='unselectall()' id='id' value='3'> 酷站欣赏  
  8.   
  9. <input name='id' type='checkbox' onclick='unselectall()' id='id' value='4'> 网页素材  
  10.   
  11. <input name='chkAll' type='checkbox' id='chkAll' onclick='CheckAll(this.form)' value='checkbox'>  
  12. 全选  
  13.   
  14. </form>  

 


文章如转载，请注明：转载自：第九街-PHP[http://www.9streets.cn/]
本文链接地址：
发布者：9streets于 2011-03-26 发表 | 我要评论(0) | 阅读次数(1206)

转播到腾讯微博


下一篇：js获取URL参数
首页 ｜ 第九街博客由来 ｜ 关于博主 ｜ 联系博主 ｜ 免责条款 ｜ 隐私保护 ｜ 九街项目流程 | 网站地图 | 申请友情链接