0顶

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

稿源：互联网 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 >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

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

文章分类LIST >>返回首页

最新游戏

最新新闻