js实现全选反选不选功能代码详解

这篇文章主要介绍了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>

js实现全选反选不选功能代码详解

js实现全选反选不选功能代码详解

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/0dfba18b65c26886ad25522e1f286f51.html