用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动态更新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选中后的值及不选择取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获取 type=radio 值的方法
复制代码 代码如下: <ul> <li> <input type="radio" name="radio" value="前台支付 " id="radio" />前台支付 --如需整晚保留,请预付房费. </li> <li> <input type="radio" name="radio" value="担保支付
-
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实现的简单radio背景颜色选择器代码
本文实例讲述了js实现的简单radio背景颜色选择器.分享给大家供大家参考.具体如下: 这里演示的js实现radio网页背景颜色选择器,只需点击对应颜色的radio单选框,就可以改变网页的背景颜色,简单方便,实用的javaScript网页特效. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT
-
js实现表单Radio切换效果的方法
本文实例讲述了js实现表单Radio切换效果的方法.分享给大家供大家参考.具体如下: 这里基于js实现表单中的Radio单选框切换效果,当选中某个单选框的时候,所属范围会一同变换,我觉得大家应该收藏一下,以前想用的时候苦苦叫不上这种效果的名字,现在找到了,而且实现起来竟然如此简单,有些地方要注意,获取标签名为myradio的标签. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-table-radio-cha-codes/ 具体代码如下:
-
用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="
随机推荐
- 对键盘鼠标宏处理--按键精灵让我们不要重复工作
- 用批处理实现将文件以数字重命名的代码
- Spring自定义配置Schema可扩展(一)
- JS+CSS模拟可以无刷新显示内容的留言板实例
- JavaScript 图片切换展示效果alibaba拓展版第1/3页
- JavaScript构建自己的对象示例
- base64_encode和base64_decode的JAVA实现
- 详解CentOS7使用firewalld打开关闭防火墙与端口
- 由static_cast和dynamic_cast到C++对象占用内存的全面分析
- 21天学习android开发教程之XML解析与生成
- asp.net之生成验证码的方法集锦(一)
- web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
- PHP简单判断字符串是否包含另一个字符串的方法
- C#不登录电脑启动程序
- 蔚蓝网络为您提供100M免费ASP服务
- Vue2.0中集成UEditor富文本编辑器的方法
- android命令行模拟输入事件(文字、按键、触摸等)
- Unity3D动态生成平面网格
- navicat连接mysql出现2059错误的解决方法
- Thinkphp5.0框架使用模型Model的获取器、修改器、软删除数据操作示例