这篇文章主要介绍了js实现全选反选不选功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
本文实例为大家分享了js实现全选反选不选功能的具体代码,供大家参考,具体内容如下
<!DOCTYPE html> <html> <meta charset='utf-8' /> <body> <input type='checkbox' />哈哈<br/> <input type='checkbox' />哈哈<br/> <input type='checkbox' />哈哈<br/> <input type='checkbox' />哈哈<br/> <input type='button' value='全选' /> <input type='button' value='取消全选' /> <input type='button' value='反选' /> <script type="text/javascript"> function fun() { var a=document.getElementsByName('id'); for(var i=0;i<a.length;i++) { a[i].checked=true; } } function fan() { var a=document.getElementsByName('id'); for(var i=0;i<a.length;i++) { a[i].checked=false; } } function fans() { var a=document.getElementsByName('id'); for(var i=0;i<a.length;i++) { if(a[i].checked==true) { a[i].checked=false; } else { a[i].checked=true; } } } </script> </body> </html>
您可能感兴趣的文章: