js 实现全选、全不选、反选功能
2012-05-30 14:02
701 查看
不多说,直接上代码,复制直接可以使用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <script> function selectAllNullorReserve(obj,type){ if(obj!=null&&obj!=""){ if(document.getElementsByName(obj)!=undefined&&document.getElementsByName(obj).length>0){ //getElementsByName函数的作用按名字查找对象,返回一个数组。 var userids = document.getElementsByName(obj); if(type=="全选"){ for(var i=0;i<userids.length;i++){ if(userids[i].checked == false){ userids[i].checked = true; } } }else if(type=="全不选"){ for(var i=0;i<userids.length;i++){ if(userids[i].checked == true){ userids[i].checked = false; } } }else if(type=="反选"){ for(var i=0;i<userids.length;i++){ if(userids[i].checked == true){ userids[i].checked = false; }else{ userids[i].checked = true; } } } } } } </script> <body> <form> <input name="userid" type="checkbox" value="1" /> <input name="userid" type="checkbox" value="2" /> <input name="userid" type="checkbox" value="3" /> <input name="userid" type="checkbox" value="4" /> <input name="userid" type="checkbox" value="5" /> <input name="userid" type="checkbox" value="6" /> <br /> <input type="button" value="全选" onclick="selectAllNullorReserve('userid','全选');" /> <br /> <input type="button" value="全不选" onclick="selectAllNullorReserve('userid','全不选');" /> <br /> <input type="button" value="反选" onclick="selectAllNullorReserve('userid','反选');" /> </form> </body> </html>
相关文章推荐
- js实现全选和反选功能
- js实现树形全选反选功能
- Js 实现一组checkBox全选、不选、反选功能
- 利用js实现全选、全部选、反选功能
- js实现全选和反选功能
- js实现全选和反选功能
- js实现全选和反选功能
- (15)JS中全选、不选、反选功能的实现
- 使用js实现checkbox的全选与反选功能
- js实现全选和反选功能
- 使用js实现checkbox的全选与反选功能二
- js实现全选、反选功能(批量删除)
- js, jQuery实现全选、反选功能
- 使用js实现全选、反选功能
- js实现复选框全选和反选功能
- Js实现全选与反选功能
- js实现全选反选功能
- js实现权限树的更新权限时的全选全消功能
- 使用jquery实现全选,全不选,反选功能
- JQuery学习(4)全选反选功能的实现