`
shirlly
  • 浏览: 1648030 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

js读取radio值

ASPSQL ServerJavaScriptCSSSQL 
阅读更多
<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>
分享到：
| 常用js验证程序及相关代码
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js简单获取表单中单选按钮值的方法

    本文将介绍如何使用JavaScript简单地获取表单中单选按钮的值，并涉及到表单元素的遍历与查找技巧。 首先，单选按钮在HTML中的定义通常是使用`&lt;input&gt;`标签，并将`type`属性设置为`radio`。单选按钮通常会具有相同的...

    怎么获取checkbox/select/radio、选择中的text和value值

    这些元素常用于收集用户的偏好或输入，因此准确地读取它们的`text`（显示文本）和`value`（实际值）对于处理表单数据至关重要。下面将详细介绍如何使用jQuery库来实现这一功能。 ### 获取Select元素的Text和Value ...

    浏览器使用华视读取身份证信息demo、浏览器插件

    为了在浏览器中使用这个插件，用户通常需要按照特定步骤进行安装，然后在支持的网页（例如demo页面）上，通过插件读取身份证的RFID（Radio Frequency Identification，射频识别）芯片信息。RFID技术使得身份证具有非...

    获得html中表单元素值总结

    本文将详细介绍如何在JavaScript中获取不同类型的HTML表单元素的值，包括下拉选择框（`&lt;select&gt;`）、单选按钮（`&lt;input type="radio"&gt;`）、复选框（`&lt;input type="checkbox"&gt;`）以及文本输入框（`...

    C#用Activex实现Web客户端读取RFID功能

    在IT行业中，RFID（Radio Frequency Identification）技术是一种非接触式的自动识别技术，它通过射频信号自动识别目标对象并获取相关数据，无需人工干预。C#编程语言结合ActiveX技术，可以实现在Web客户端读取RFID...

    用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)

    在本文中，我们将探讨如何使用JavaScript兼容IE和Firefox来读取CheckBox数组的值。 首先，`document.getElementById(id)` 是一个常用的方法，它通过指定的ID查找单一的HTML元素。然而，当涉及到数组或集合，如...

    微信小程序radio组件使用详解

    主要为大家详细介绍了微信小程序radio组件的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

    js获取单选框或复选框值及操作

    在JavaScript中，获取单选框或复选框的值是一项常见的任务，特别是在处理用户输入或者构建表单提交功能时。本文将详细介绍如何使用JavaScript来获取这些控件的值，并进行一些基本的操作。 首先，让我们来看一下如何...

    Jquery操作radio的简单实例

    综上所述，JQuery能够简单快捷地帮助开发者处理页面上的单选按钮，无论是读取、检查状态、设置选中状态还是读取文本输入框的值。通过本文的介绍和实例演示，我们可以更好地理解和应用JQuery来操作这些表单元素。

    js获取RadioButtonList的Value/Text及选中值等信息实现代码

    在JavaScript中，获取ASP.NET中的RadioButtonList控件的值、文本以及选中状态是一项常见的任务。在给定的示例中，我们有一个名为`rbtnCompany`的RadioButtonList，它包含四个选项A、B、C和D，每个选项都有一个唯一的...

    uni-app集成RFID.zip

    在IT行业中，RFID（Radio Frequency Identification）技术是一种非接触式的自动识别技术，它通过射频信号自动识别目标对象并获取相关数据。本项目“uni-app集成RFID.zip”是针对RFID技术的一个开发示例，它利用了uni...

    js下获得单选框的值的代码

    本文将详细介绍如何在JS中获取单选框（`&lt;input type="radio"&gt;`）的值，并深入探讨相关知识点，帮助读者更好地理解和应用这些技术。 ### 一、基础知识回顾 #### 1.1 HTML中的单选框 单选框是通过`&lt;input&gt;`标签并...

    完整版选择框读取-保存模块-代码.rar

    - **DOM操作**：使用JavaScript的`document.querySelector`或`document.querySelectorAll`可以获取到页面上的选择框，并通过`.checked`属性读取其当前状态。 - **事件监听**：通常使用`addEventListener`来监听...

    USB-ID通用免动动读卡器JavaScript示例源码.rar

    标题 "USB-ID通用免动动读卡器JavaScript示例源码.rar" 提供的信息表明，这是一个使用JavaScript编写的示例代码，目标是实现通过USB接口的RFID读卡器读取RFID卡片的ID。RFID（Radio Frequency Identification）是一...

    Jquery操作radio,checkbox,select表单操作实现代码

    jQuery操作单选按钮（radio）主要涉及选取状态的读取与设置。例如，如果有一组同名的radio按钮，可以通过以下方式来操作： 1. 阅读选中状态： ```javascript var isChecked = $("input[type='radio'][name='...

    radio-arcane_com-源码.rar

    了解如何通过后端语言与数据库（如MySQL或MongoDB）进行CRUD（创建、读取、更新、删除）操作是关键。 4. **版本控制**：源码可能包含了版本控制系统如Git的提交历史，可以帮助理解项目的发展历程和团队协作模式。 ...

    jquery radio 动态控制选中失效问题的解决方法

    在JavaScript的DOM操作中，`radio`元素常常用于创建单选按钮，用于用户在有限的选项中做出单一选择，如性别选择。在jQuery框架中，动态控制这些`radio`按钮的选中状态是很常见的需求。然而，由于jQuery的不同版本...

    B/S实现读卡

    在描述中提到的"浏览器中实现D3的读卡功能"，意味着开发者可能使用了D3.js来接收和处理从读卡器读取的数据，然后在浏览器端展示这些信息。这通常涉及到以下几个步骤： 1. **数据获取**：首先，需要在服务器端实现...

    【JavaScript源代码】js实现添加删除表格操作.docx

    1. **添加行**：当点击“添加到表格”按钮时，JavaScript会捕获这个事件，读取输入框的值，并创建一个新的表格行。新行包含与现有行相同结构的四个单元格，其中第一个单元格内的复选框需要绑定点击事件，以响应未来...

Magicbox
Global site tag (gtag.js) - Google Analytics