Radio 是 HTML 中的单选框,同一个 form 中,name 相同的 Radio 构成一组,这一组中最多只允许有一个 Radio 被选中。
如果将 form 提交到服务器端 ASP 程序,ASP 程序要获得用户选择的那个 Radio 的 value 是非常方便的,用 request.Form("RadioName"),不必理会有几个 Radio。
但在 JS(JavaScript) 中就要复杂多了,我们不能像对其它元素(如:文本框)一样,使用 formid.objName.value 来取值,我们应该循环这个组的 Radio,判断其 checked 属性,再取值
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>读取 Radio 的值</title>
</head>
<body>
<div>
<a href="http://www.cftea.com/" target="_blank">千一网络 www.cftea.com 专业探讨【ASP、JavaScript、XHTML+CSS、SQL Server】</a>
<hr>
</div>
<form id="form1" action="" method="">
<div><input type="radio" name="r" id="r1" value="一"><label for="r1">选项一</label></div>
<div><input type="radio" name="r" id="r2" value="二"><label for="r2">选项二</label></div>
<div><input type="radio" name="r" id="r3" value="三"><label for="r3">选项三</label></div>
<div><input type="button" value="检查选择项" onclick="javascript:Foo();"></div>
</form>
<script type="text/javascript" language="javascript">
<!--
function Foo()
{
var selectedIndex = -1;
var form1 = document.getElementById("form1");
var i = 0;
for (i=0; i<form1.r.length; i++)
{
if (form1.r[i].checked)
{
selectedIndex = i;
alert("您选择项的 value 是:" + form1.r[i].value);
break;
}
}
if (selectedIndex < 0)
{
alert("您没有选择任何项");
}
}
-->
</script>
</body>
</html>
分享到:
相关推荐
解决由于IE安全性设置造成的不能正确读取文件路径的问题
js中cookie的创建和读取单个cookie值,以及设置cookie的过期时间。 能够判断是否有自己需要查找的cookie,如果没有查到到就可以执行创建语句
javascript中读取Struts2标签datetimepicker的值.docjavascript中读取Struts2标签datetimepicker的值.docjavascript中读取Struts2标签datetimepicker的值.docjavascript中读取Struts2标签datetimepicker的值....
android/linux 读取寄存器值
javascript 获取 radio 选中值 1 2 3 4 5 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] js选中radio document.consumerform.consumer_sex[0].checked=true; 下面是网上的一些补充资料,本人感觉还不错,...
js读取properties文件,很好用的。js读取properties文件,很好用的。js读取properties文件,很好用的。js读取properties文件,很好用的。
用JS(javascript)从另一个html中读取标题和正文body
Java 读取 PI 数据库测点值是指使用 Java 语言直接读取 PI 数据库中的测点值。PI 数据库是 OSIsoft 公司开发的一种工业数据管理系统,广泛应用于工业自动化、能源、交通、医疗等领域。 在读取 PI 数据库测点值之前...
js读取excel表格的js文件,js读取excel表格的js文件,js读取excel表格的js文件,js读取excel表格的js文件,
VHDL 读取键盘值VHDL 读取键盘值VHDL 读取键盘值VHDL 读取键盘值VHDL 读取键盘值
读取替换值,通过读取excel,替换文件内容的key-value值
对灰度图片的灰度值进行读取。以文本文档格式进行读取。
海思平台代码读取某个GPIO口的值,方便用户在官方SDK去掉API读值的情况下使用
在ie下可以读取任意盘的文件夹和文件,目前只兼容IE6+的浏览器 只能本地运行。 如果放到服务器上 js 文件将会报错automation 服务器不能创建对象 解决方案:点击“开始→运行”并输入“regsvr32 scrrun.dll”
js读取preperties文件,通常用做国际化的,里面还有jq和jq-properties.js文件
在读取Raster像素值时,需要将地图坐标转换成Raster数据中像素块的相对坐标,否则无法获取正确的像素值。 知识点7:C#实现读取Raster像素值 使用C#语言可以通过IRaster接口的Read方法来读取Raster中的像素块,然后...
前端js解析/读取excel文件,完整解析,简单操作,官网地址 http://oss.sheetjs.com/js-xlsx/
"基于JS实现快速读取TXT文件" 在今天的开发过程中,快速读取TXT文件是一个非常重要的步骤,因为许多应用程序都需要读取大量的数据文件,例如LOG文件、配置文件等等。虽然我们可以使用各种语言来读取TXT文件,但是...
js使用FSO读取本地文件信息js使用FSO读取本地文件信息js使用FSO读取本地文件信息js使用FSO读取本地文件信息
主要介绍了js读取csv文件并使用json显示出来,需要的朋友可以参考下