通过JS的事件处理取得radio的值
转自：http://blog.sina.com.cn/s/blog_50a1e17401017pik.html
提前知识准备：
在一个HTML文档中，每个元素都可以设置ID和NAME属性。
其中ID属性是唯一属性，不可以重复，一个ID值只能对应一个元素；
而NAME属性是可以重复的，一个NAME值可以对应一组元素。
所以，使用document.getElementByIdx_x(ID)时返回的只有一个被选中的HTML元素；
而使用document.getElementsByName(NAME)时返回的是一个由多个HTML元素组成的数组
（哪怕HTML页面中只有一个符合要求的元素，返回的也是数组）。
document.getElementsByName(NAME)多用于在FORM表单中选取一组checkbox或radio
方法1：
<html>
<head>
<script type =
"text/javascript">
function change()
{
var radio =
document.getElementsByName("form1");
//var radio =
document.getElementByIdx_x("form1");
// 用ById就不能取得全部的radio值,而是每次返回都为1
var
radioLength = radio.length;
for(var i =
0;i < radioLength;i++)
{
if(radio[i].checked)
{
var
radioValue = radio[i].value;
alert(radioValue);
}
}
}
</script>
</head>
<body>
<input type =
"radio" id = "form1" name = "form1" value = "1" onchange =
"change();">选择1
<input type =
"radio" id = "form1" name = "form1" value = "2" onchange =
"change();">选择2
</body>
</html>
方法2：
<html>
<head>
<script type =
"text/javascript">
function change()
{
var
New=document.getElementsByName("form1");
var
strNew;
for(var
i=0;i<New.length;i++)
{
if(New.item(i).checked)
{
strNew=New.item(i).getAttribute("value");
alert(
strNew ); // item()方法:返回集合中的当前项
break;
}
else
{
continue;
}
}
}
</script>
</head>
<body>
<input type =
"radio" id = "form1" name = "form1" value = "1" onchange =
"change();">选择1
<input type =
"radio" id = "form1" name = "form1" value = "2" onchange =
"change();">选择2
</body>
</html>
通过JS的事件处理取得radio的值的更多相关文章
- js获取单选框radio的值
遇到一个js获取radio值的问题,原来根据frm.type.value取到的值在ie下是空值 解决办法:type为每个radio的值 var chkObjs=document.getElements ...
- easyui 》 radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中
获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $(" ...
- zepto.js的事件处理
能够深入理解zepto对事件的处理,那么整个JS的事件处理就应该差不多合格了,事件处理是JS语言的一个难点. 1. 首先来看$.event函数. JS中有很多事件,都是已经定义好了,我们直接调用就可以 ...
- jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Se ...
- jsp之radio取值与赋值
转自:https://blog.csdn.net/dongfengkuayue/article/details/50352937 取radio的值: js代码 $("input[name=' ...
- js 实时监听input中值变化
注意:用到了jquery需要引入jquery.min.js. 需求: 1.每个地方需要分别打分,总分为100; 2.第一个打分总分为40; 3.第二个打分总分为60. 注意:需要判断null.&quo ...
- jQuery radio取值，checkbox取值，select取值
语法解释: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkTex ...
- jQuery获取循环中的选中单选按钮radio的值
1.<input type="radio" name="testradio" value="jquery获取radio的值" /> ...
- Js获取后台集合List的值和下标的方法
Js获取后台集合List的值和下标的方法 转载自:http://blog.csdn.net/XiaoKanZheShiJie/article/details/47280449 首先用的是struts2 ...
随机推荐
- P2924 [USACO08DEC]大栅栏Largest Fence
传送门 反正我是看不出来这题和凸包有什么关系--大佬们是怎么想到的-- 不准确一点的说,本题就是要我们求一个边上点数最多的凸包 我们可以先把所有的边都取出来,然后按极角排序.枚举这个凸包的起点,然后做 ...
- 记一次MySQL索引优化
两张表是主(CHECK_DRAWINGS)从(CHECK_DRAWINGS_IMG)关系. CHECK_DRAWINGS,主表数据 3591条. SELECT COUNT(*) FROM CHECK_ ...
- Quartz在服务异常中断或者重启后，不执行之前漏掉的任务，重新运行下一次任务
Quartz默认重启后会执行之前的任务,所以如果不想执行之前漏掉的任务,需要设置一下两个地方: CRON triggers CronTrigger trigger = TriggerBuilder.n ...
- Leetcode03---Longest Substring Without Repeating Characters
Description: Given a string, find the length of the longest substring without repeating characters. ...
- js的toFixed解惑
js中的toFixed,C#中的Math.round都是按照银行家算法的定义来算的,这里只拿js作参考,各个浏览器的计算方式并不一样,先看一张图,对比参数很容易就发现了其中的不同之处: 前三个Chro ...
- 【GAN学习笔记】对抗式生成网络入门
今天观看学习了一下台大李宏毅所讲授的 <Introduction of Generative Adversarial Network (GAN)>,对GAN有了一个初步的了解. GAN的基 ...
- drupal 8——图片组（list）在前台的显示顺序在登录状态和非登录状态不同
问题描述:该页面是通过view来输出的,然而,登录状态下其页面中的图片组输出顺序是乱序的,而非登录状态下则根据id值升序输出. 原因:在原view配置页面中,没有配置默认的排序字段 解决方案:在vie ...
- SQL基本操作——ALTER
ALTER TABLE 语句用于在已有的表中添加.修改或删除列. Persons 表: ID LastName FirstName Address City 1 Adams John Oxford S ...
- python中struct.pack()函数和struct.unpack()函数
python中的struct主要是用来处理C结构数据的,读入时先转换为Python的字符串类型,然后再转换为Python的结构化类型,比如元组(tuple)啥的~.一般输入的渠道来源于文件或者网络的二 ...
- Memcached 之PHP实现服务器集群一致性hash算法
/** * memcached 一致性hash,分布式算法 * Class MemcacheCluster */ class MemcacheCluster { protected $nodes = ...