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>
分享到：
相关推荐
在Web开发中，表单是收集用户输入数据的一种常见方式。...当单选按钮组的结构变得复杂时，比如分布在多个不同的`<form>`元素中，或者页面中存在多个类似的单选按钮组，就可能需要更精细的逻辑来定位和获取正确的值。
为了在浏览器中使用这个插件，用户通常需要按照特定步骤进行安装，然后在支持的网页（例如demo页面）上，通过插件读取身份证的RFID（Radio Frequency Identification，射频识别）芯片信息。RFID技术使得身份证具有非...
在IT行业中，RFID（Radio Frequency Identification）技术是一种非接触式的自动识别技术，它通过射频信号自动识别目标对象并获取相关数据，无需人工干预。C#编程语言结合ActiveX技术，可以实现在Web客户端读取RFID...
在JavaScript的DOM操作中，`radio`元素常常用于创建单选按钮，用于用户在有限的选项中做出单一选择，如性别选择。在jQuery框架中，动态控制这些`radio`按钮的选中状态是很常见的需求。然而，由于jQuery的不同版本...
与`setCookie`相对，用于从用户的浏览器中读取存储的Cookie信息。 #### 29. `deleteCookie`：删除Cookie 用于清除浏览器中指定的Cookie，释放存储空间或结束用户会话。 #### 30. `findPosX`：获取元素相对于IE的X...
在网页设计中，Radio单选项和Checkbox复选...同时，为了无障碍性（Accessibility）考虑，自定义样式的同时也要确保功能的可用性，例如，即使视觉样式被替换，屏幕阅读器仍然能够正确识别和读取Radio和Checkbox的状态。
题目中给出了四个选项，其中只有一个是JavaScript中的关键字： - **选项A**: `with` - 是JavaScript的一个关键字，用于执行一段代码块，该代码块中可以访问另一个对象的属性。 - **选项B**: `parent` - 不是关键字，...
在信息技术领域，Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它以其异步、事件驱动的特性被广泛应用于构建高效、可扩展的网络应用。"Node_Internet_Radio"项目是利用Node.js实现的一个互联网流广播应用，...
选项C中的`<% %>`是ASP中的脚本注释或代码块标记,而非JavaScript的注释方式,故正确答案为D(`//`)。 3. **ASP 程序的URL** - **知识点**: 如何访问位于服务器上的ASP程序。 - **解析**: 为了访问一个位于特定...
可以创建包含勾和叉形状的SVG代码，然后作为`background-image`的值应用到CSS中。SVG的优点在于，无论放大多少倍，图像质量都不会降低。 4. **JavaScript交互**： 当用户点击复选框或单选按钮时，我们可能希望执行...
例如，在JavaScript中可以利用***的内置对象获取表单中的值，或者向客户端的浏览器传递数据。 另外，文章提供了如何操作DOM元素的示例，如使用`document.getElementById`或`document.querySelector`来选取页面中的...
本文将详细讲解如何利用Node.js这一强大的JavaScript运行环境，结合CoffeeScript语言，接管RFID HID阅读器，并实现读取输入的功能。 首先，我们安装必要的工具。`npm install`是Node.js的包管理器命令，用于安装...
无障碍性(Accessibility)也是不容忽视的一环，我们需要确保屏幕阅读器和其他辅助技术能正确解析和读取菜单，以便残障人士也能轻松使用。 总结来说，"仿美团、大众二级菜单优化"项目涵盖了Web开发中的诸多关键技术，...
在JavaScript中，原生并不提供方便的API来处理Cookie，而jQuery.Cookie.js插件则简化了这一过程。 首先，确保正确引入jQuery库和jQuery.Cookie.js插件。通常，你需要在HTML文档的`<head>`标签内添加如下代码： ```...
- **DOM 操作**：DOM（文档对象模型）是HTML和XML文档的编程接口，允许程序创建、读取、更新、删除文档中的内容和结构。 - 获取元素：`document.getElementById('elementId')` - 修改内容：`element.innerHTML = '...
`js`目录中的JavaScript文件则包含了实现选择题逻辑和答案提交的核心代码。这些JavaScript文件可能会定义一些函数，用于处理用户交互，如点击选项、验证答案和提交考试。 在`images`目录下，可能会包含一些图标或者...
在网页设计和开发中，单选钮（Radio...确保视觉障碍的用户也能理解并操作这些元素，例如，为标签添加`for`属性与输入元素的`id`对应，以便屏幕阅读器正确读取。在追求美观的同时，不要忽视了功能性和可用性的关键要素。