0顶

单选框和复选框的js取值判断

稿源：互联网 2022-06-13 10:13:26 点击： 2037 撤稿纠错

单选和复选智能取值判断，可支持全选和反选

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

脚本代码(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=utf-8" /><br><style type="text/css" media="all"><br>label{<br>cursor:pointer;<br>font-size:12px;<br>margin:0px 2px 0px 0px;<br>color:#2B86BD;<br>}<br>.d0{<br>margin-bottom:30px;<br>}<br>.d0 input{<br>cursor:pointer;<br>margin:0px;<br>padding:0px 2px;<br>}<br></style><br><script language="javascript" type="text/javascript"><br>var dr=document.getElementsByTagName("div"),i,t="";<br>function submit1(num,type){<br>t="";<br>var dri=dr[num].getElementsByTagName("input");<br>for(i=0;i<dri.length;i++){<br>if(dri[i].checked){<br>if(type==0){<br>alert(dri[i].value); <br>break;<br>}else{<br>t=t+dri[i].value+";";<br>}<br>}<br>}<br>if(type==1) alert(t);<br>}<br>//ChangeSelect<br>submit1.allselect=function(){<br>var drc=dr[1].getElementsByTagName("input");<br>for(i=0;i<drc.length;i++){<br>drc[i].checked=true;<br>}<br>}<br>//allNot<br>submit1.allNot=function(){<br>var drc=dr[1].getElementsByTagName("input");<br>for(i=0;i<drc.length;i++){<br>drc[i].checked=false;<br>}<br>}<br>//reverse<br>submit1.reverseSelect=function(){<br>var drc=dr[1].getElementsByTagName("input");<br>for(i=0;i<drc.length;i++){<br>if(drc[i].checked){<br>drc[i].checked=false;<br>}else{<br>drc[i].checked=true;<br>}<br>}<br>}<br></script><br><title>js获取单选框、复选框的值及操作</title><br></head><br><body><br><div class="d0"><br><input type="radio" name="day" id="r0" value="前天"/><label for="r0">前天</label><br><input type="radio" name="day" id="r1" value="昨天"/><label for="r1">昨天</label><br><input type="radio" name="day" id="r2" checked="checked" value="今天"/><label for="r2">今天</label><br><input type="radio" name="day" id="r3" value="明天"/><label for="r3">明天</label><br><input type="radio" name="day" id="r4" value="后天"/><label for="r4">后天</label><br><button type="button" onclick="submit1(0,0)" >提交</button><br></div><br><div><br><input type="checkbox" value="前年"/><label>前年</label><br><input type="checkbox" value="去年"/><label>去年</label><br><input type="checkbox" value="今年"/><label>今年</label><br><input type="checkbox" value="明年"/><label>明年</label><br><input type="checkbox" value="后年"/><label>后年</label><br><button type="button" onclick="submit1(1,1)" >提交</button><br><button type="button" onclick="submit1.allselect()" >全选</button><br><button type="button" onclick="submit1.reverseSelect()" >反选</button><br><button type="button" onclick="submit1.allNot()" >全不选</button><br></div><br></body><br></html></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于单选框和复选框的js取值判断的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200811294179.shtml方便下次再访问哦。

·上一篇： JS获取复选按钮的值
·下一篇： 类似fireworks画直线的程序【仅支持IE】

文章分类LIST >>返回首页

排行总榜

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

单选框和复选框的js取值判断

文章分类LIST >>返回首页

最新游戏

最新新闻