Navs全选反选功能代码

稿源：互联网 2022-06-11 02:02:54 点击： 423 撤稿纠错

全选和反选功能，与普通的按钮式全选反选不同，多了许多漂亮的页面特效

以下讨论的是和反选全选相关的Navs全选反选功能代码教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br><html xmlns="http://www.w3.org/1999/xhtml" content="text/html;charset=gb2312"><br><title>Working... Easy</title><br><head><br><link rel="shortcut icon" href="http://www.miaoqiyuan.cn/favicon.ico"/><br><style type="text/css"><br>*{margin:0px;}<br>li,ul{list-style:none;}<br>body{text-align:center;}<br>a{text-decoration:none;}<br>h1,h4{text-align:left;background:#666;color:#FFF;padding:10px 40px;font-weight:800;}<br>h1 span{font-size:20px;color:#FFF;margin-left:10px;}<br>h4{text-align:center}<br>.title{background:#AAA;text-align:left;padding:2px 30px;font-size:20px;font-weight:800px;font-family:黑体}<br>.title span{color:#F00;}<br>.count{background:#DDD;text-align:left;padding:5px 20px;}<br>.count .zhushi{color:#028A0D}<br>textarea{height:400px;width:800px;margin-left:auto;margin-right:auto;}<br>/*index*/<br>.cptit a{font-size:14px;color:#00F;font-family:宋体;font-weight:400}<br>.cpbox{font-size:12px;}<br>.cpbox input{display:none;}<br>.cpbox{border:solid 2px #AAA;background:#CCC;margin:2px;}<br>.cpbox b{font-size:14px;}<br>.cpbox span{color:#F00;font-size:18px;}<br></style><br><script type="text/javascript"><br>var s,f;<br>var __s=function(){s=document.getElementsByName("IsSel[]");}<br>var __f=function(){f=document.getElementById("xform");}<br>var oSelect=function(o){if(!s)__s();for(i=0;i<s.length;i++){if(s[i].parentNode==o)x=s[i];}if(x){if(x.checked==true){x.checked=false;o.style.background="#CCC";o.style.border="#AAA solid 2px";}else{x.checked=true;o.style.background="#BBE2FF";o.style.border="#42AEFF solid 2px";}}}<br>var oSelectAll=function(o){if(!s)__s();vs=o.innerHTML=="全部选择"?false:true;for(var i=0;i<s.length;i++){s[i].checked=vs;oSelect(s[i].parentNode);}o.innerHTML=vs==true?"全部选择":"全部取消"}<br>var oSelectElse=function(){if(!s)__s();for(var i=0;i<s.length;i++){oSelect(s[i].parentNode);}}<br>var oPost=function(){if(!f)__f();f.action="test.asp";f.submit();}<br></script><br></head><br><body><br>  <h1>飞猫网络公司客户管理系统<br>   <a href="list.asp"><span>企业列表</span></a><br>   <a href="reg.asp" target=_blank><span>注册用户</span></a><br>   <a href="home.asp" target=_blank><span>内网首页</span></a><br>  </h1><br><div class="worker"><br> <form action="?" id="xform" method="post"><br>    <div class="title cptit">企业信息统计 <a href="http://miaoqiyuan.cn" onclick="oSelectAll(this);return false;">全部选择</a>  <a href="http://miaoqiyuan.cn" onclick="oSelectElse();return false;">反选</a> <a href="http://miaoqiyuan.cn" onclick="oPost();return false;">提交</a></div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s0"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s1"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s2"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s3"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s4"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s5"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s6"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s7"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s8"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s9"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br>    <div class="count cpbox" onclick="oSelect(this)"><br>     <input type="checkbox" name="IsSel[]" value="s10"/><br>     <h2>公司AAA <b>当前状态:(未拍照 => 未注册 => <span>未传图</span> => 企业未确认 => 完成</b></h2><br>  <div>用户名:密码:</div><br>    </div><br>    <br></div><br></form><br> <h4>Design By +飞猫 Home:MiaoQiyuan.cn Mail:mqycn@126.com QQ:77068320</h4><br></body><br></html></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于Navs全选反选功能代码的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200809223972.shtml方便下次再访问哦。

·上一篇： 百度空间弹出提示效果的JS特效代码
·下一篇： 仿21CN首页体育图集选项卡代码

Navs全选反选功能代码

文章分类LIST >>返回首页

最新游戏

最新新闻