完美的全选反选复选框代码

稿源：互联网 2022-06-11 10:04:24 点击： 1123 撤稿纠错

完美全选反选框，支持全选、反选、复选3种特效

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

脚本代码(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"><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br><title>全选反选复选框</title><br><script><br>function CheckAll(value,obj)  {<br>var form=document.getElementsByTagName("form")<br> for(var i=0;i<form.length;i++){<br>    for (var j=0;j<form[i].elements.length;j++){<br>    if(form[i].elements[j].type=="checkbox"){ <br>    var e = form[i].elements[j]; <br>    if (value=="selectAll"){e.checked=obj.checked}     <br>    else{e.checked=!e.checked;} <br>       }<br>    }<br> }<br>}<br></script><br></head><br><body><br><form name="form1" method="post" action=""><br><input name="id" type="checkbox" id="id" value="1"><br><input name="id" type="checkbox" id="id" value="2"><br><input name="id" type="checkbox" id="id" value="3"><br><input name="id" type="checkbox" id="id" value="4"><br></form><br><form name="form2" method="post" action=""><br><input name="id" type="checkbox" id="id" value="5"><br><input name="id" type="checkbox" id="id" value="6"><br><input name="id" type="checkbox" id="id" value="7"><br><input name="id" type="checkbox" id="id" value="8"><br></form><br><INPUT onclick=CheckAll('selectAll',this) type=checkbox value=on name=chkall><br>全选<br><input type="checkbox" name="invest" value="checkbox" onClick="CheckAll()"><br>反选<br></body><br></html></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

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

·上一篇： JS获取对象代码示例
·下一篇： 拼音检索效果

完美的全选反选复选框代码

文章分类LIST >>返回首页

最新游戏

最新新闻