用js的for循环获取radio选中的值
<li><input type="radio" name="zt" value="1"></li>
<li><input type="radio" checked="checked" name="zt" value="2"></li>
<li><input type="radio" name="zt" value="3"></li>
其中name属性值肯定是一样的,接下来用js获取选中的值:
代码如下:
var zt = document.getElementsByName("zt");
for(var i=0;i<zt.length;i++){
if(zt[i].checked) {
alert(zt[i].value);
}
}
用一for循环就搞定了。
相关推荐
-
JS 如何获取radio选中后的值及不选择取radio的值
以下是网上摘下的文章(未测试但很规范可以模仿) 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>text</title> <script> var chk = 0; window.onload=function (){ var chkObjs
-
js表单元素checked、radio被选中的几种方法(详解)
0.环境 <input type="checkbox" value="lol"/>lol var lol = document.getElementsByTagName("input")[0]; 1.HTML DOM a.lol.checked = true; 属性的值可以不是lol,只要转为布尔值的时候为true就可以,取值时只有true.false两种 不会增加checked标记 b.lol.click(); 不会增加check
-
js实现表单Radio切换效果的方法
本文实例讲述了js实现表单Radio切换效果的方法.分享给大家供大家参考.具体如下: 这里基于js实现表单中的Radio单选框切换效果,当选中某个单选框的时候,所属范围会一同变换,我觉得大家应该收藏一下,以前想用的时候苦苦叫不上这种效果的名字,现在找到了,而且实现起来竟然如此简单,有些地方要注意,获取标签名为myradio的标签. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-table-radio-cha-codes/ 具体代码如下:
-
js获取 type=radio 值的方法
复制代码 代码如下: <ul> <li> <input type="radio" name="radio" value="前台支付 " id="radio" />前台支付 --如需整晚保留,请预付房费. </li> <li> <input type="radio" name="radio" value="担保支付
-
JS实现点击Radio动态更新table数据
tbody定义一个标签 当上面变化的,在js里面做拼接就行了,拼接结束 tbody.html(XXX) <script type="text/javascript"> $(function(){ var quotas = { 1:{name:"工商银行",oneTime:1000}, 2:{name:"农业银行",oneTime:800}, 3:{name:"中国银行",oneTime:2000}, 4:{name
-
js中获取jsp表单中radio类型的值简单实例
1.问题的引出: 我们经常需要在js中使用ajax向后台发送请求,在这之前我们需要搜集所需的Form表单参数, 我常常会如此解决,简单省事: // editBasicDataObjectForm 为 form的id,data的形式为 name1=val1&name2=val2&name3=val3&..... var data = $("#editBasicDataObjectForm").serialize(); 但在一次我需要单独获得表单中radio类型的字
-
js实现的简单radio背景颜色选择器代码
本文实例讲述了js实现的简单radio背景颜色选择器.分享给大家供大家参考.具体如下: 这里演示的js实现radio网页背景颜色选择器,只需点击对应颜色的radio单选框,就可以改变网页的背景颜色,简单方便,实用的javaScript网页特效. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT
-
JavaScript中获取Radio被选中的值
原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. <form id="userlist" method="post" action="option.php"> <input type="radio" name="userid" value="1">1 <input type="radio" name=&quo
-
用js的for循环获取radio选中的值
例如: 复制代码 代码如下: <li><input type="radio" name="zt" value="1"></li> <li><input type="radio" checked="checked" name="zt" value="2"></li> <li><in
-
Jquery获取radio选中的值
话不多说,请看代码: <!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> <title> new docum
-
js树插件zTree获取所有选中节点数据的方法
本文实例讲述了js树插件zTree获取所有选中节点数据的方法.分享给大家供大家参考.具体分析如下: 由于刚接触Tree方面的东西.在网上看到了zTree,是中国人写的.所以API肯定是中文的.而且评论也很好.所以尝试用zTree在项目中.这个获取所有选中节点数据很简单.看一下API就能看懂了.所以我就直接上代码了. 复制代码 代码如下: <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - Standa
-
jQuery获取checkbox选中的值
1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计结果如下图所示: 3.设计源码 <!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">
-
JavaScript取得gridview中获取checkbox选中的值
测试好半天,才出来,checkbox在第一列, for( i=1;i<document.all.GVmain.rows.length;i++) { var cb=document.all.GVmain.rows(i).cells(0).children(0); if(cb.checked) { temp0=document.all.GVmain.rows(i).cells(1).innerText; temp1=document.all.GVmain.rows(i).cells(5).inner
-
vue.js 子组件无法获取父组件store值的解决方式
子组件: props:['myDetail'] 父组件: <子组件 :myDetail="detail"></子组件> computed:{ detail(){ return this.$store.state.XXXX.yyyy } } 子组件的参数值不会随着父组件store中参数值的改变而改变 修改为 父组件: data:{ detail:{} } methods:{ reloadDetail(){ this.detail=JSON.parse(JSON.s
-
jQuery获取radio选中项的值实例
<title></title> <script src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function () { //没有默认选中的情况 //先判断radio是否有选中项,再获取选中的值 $("#btnclick").click(function () { //获取选中项的valu
-
Jquery获取radio选中值实例总结
Radio 1.获取选中值,三种方法都可以: $('input:radio:checked').val(): $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: $('input:radio:first').attr('checked', 'checked'); 或者 $('input:radio:first').attr('ch
-
WebForm获取checkbox选中的值(几个简单的示例)
PS:最近在做权限管理这个模块,发现用checkbox的地方挺多的,于是写了个简单的例子,以供以后学习和使用. 1.前端页面: <form id="form1" method="get" runat="server"> <input name="chk_per" type="checkbox" value="3" />张三 <input name="
随机推荐
- DDL、DML和DCL的区别与理解
- PostgreSQL教程(一):数据表详解
- 根据配置文件加载js依赖模块
- flex 简单例子(含实例效果图 源码)
- 浅析Java编程中类和对象的定义
- Oracle删除重复的数据,Oracle数据去重复
- javascript中sort()的用法实例分析
- 超实用的JavaScript表单代码段
- php中引用符号(&)的使用详细介绍
- php.ini中文版
- python中实现迭代器(iterator)的方法示例
- C# WinForm创建Excel文件的实例
- Android中扫描多媒体文件操作详解
- 全国哀悼日网站页面变成灰色的filter方法
- sql 版本详解 让你认识跟sql2000的区别
- jquery选择器使用详解
- Node.js 制作实时多人游戏框架
- Java开发之普通web项目转为Maven项目的方法
- 浅谈Python实现2种文件复制的方法
- python判断输入日期为第几天的实例