`
lzj0470
  • 浏览: 1272663 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js 获取radio值

    博客分类:
  • js
阅读更多

<form method="post" name="form1">
    <label><input type="radio" name="radio" value="1-10 岁">1-10 岁</label>
    <label><input type="radio" name="radio" value="11 岁">11 岁</label>
    <label><input type="radio" name="radio" value="12-120 岁">12-120 岁</label>
    <input type="button" onclick="ok()" value="测试选择值">
  </form>
下面是js获取数据
<script language="javascript" type="text/javascript">
<!--
function ok()
{
  var temp=document.getElementsByName("radio");
  for (i=0;i<temp.length;i++){
  //遍历Radio
    if(temp[i].checked)
      {alert("你选择了"+temp[i].value);
      //获取Radio的值
      document.form2.textfield.value="你选择了"+temp[i].value;
      //传递给另外一个表单
      }
  }
}
-->
</script>

分享到:
评论

相关推荐

    JavaScript中获取Radio被选中的值

    原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. &lt;form id=userlist method=post action=option.php&gt; &lt;input type=radio name=userid value=1&gt;1 &lt;input type=radio name=...

    js中获取jsp表单中radio类型的值简单实例

    本文将通过一个简单实例,讲解如何在JavaScript中获取JSP表单中单选按钮(radio)类型的值。 首先,我们需要了解单选按钮(radio)在HTML表单中的基本用法。单选按钮允许用户在一组选项中选择一个值,它通常使用`...

    html中radio值的获取、赋值、注册事件示例详解

    1. 获取选中的radio值 要获取一组radio按钮中选中项的值,可以通过JavaScript或jQuery来实现。使用jQuery时,可以先通过name属性选中这组radio,然后使用jQuery提供的过滤方法“:checked”找到当前选中的radio按钮,...

    JS获取选中的radio button的值

    本篇文章将详细讲解如何使用JavaScript来获取选中的Radio button的值以及相关的知识点。 首先,Radio按钮在HTML中的基本结构如下: ```html &lt;input type="radio" id="option1" name="options" value="1"&gt; ...

    javascript radio值获取代码

    本文将深入探讨如何使用JavaScript获取Radio按钮选中的值。 首先,要获取Radio按钮的选中值,我们可以直接通过DOM操作来实现。假设我们有一组名为`consumer_sex`的Radio按钮,我们可以通过以下方式获取选中的值: ...

    js 获取radio按钮值的实例

    本实例将演示如何使用JavaScript来获取表单中的单选按钮组(radio button group)中用户选中的值。 首先,我们来看HTML部分。在这个例子中,我们有一个表单(form),其包含一组名称相同的单选按钮。每个单选按钮都...

    js获取 type=radio 值的方法

    总结来说,JavaScript获取`type=radio`值的关键步骤包括: 1. 使用`document.getElementsByName()`获取所有同名的单选按钮。 2. 遍历这些元素,检查`checked`属性。 3. 当找到选中的单选按钮时,获取其`value`属性。...

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

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

    jquery获取各种radio,checkbox,select的值等

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    用js的for循环获取radio选中的值

    在JavaScript中,获取单选按钮(radio)选中值是一项常见的任务,特别是在处理表单数据时。本文将详细讲解如何使用for循环来实现这一功能。首先,我们需要理解HTML中的单选按钮元素`&lt;input type="radio"&gt;`以及它们在...

    jquery获取radio值(单选组radio)

    本文将详细解释如何使用jQuery来获取单选按钮组(radio group)的值。 ### jQuery获取单选按钮值的原理 要获取单选按钮组的值,我们首先需要理解jQuery选择器的使用。在jQuery中,我们可以使用属性选择器来选取...

    JQuery判断radio是否有选中,获取选中的值

    本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解HTML中的`&lt;input type="radio"&gt;`元素。在网页中,单选按钮通常用于提供一组互斥的选择选项,用户只能选择...

    jquery获取表单值

    获取单选按钮(`&lt;input type="radio"&gt;`)的值 单选按钮用于在多个选项中选择一个。可以通过查找具有`checked`属性的单选按钮来获取其值: ```javascript var radioVal = $("input[type=radio][name=some_name]:...

    javascript获得单选框的值

    在本文中,我们将深入探讨如何使用JavaScript获取HTML页面中的单选框的值,并对其进行封装以提高代码的可重用性和可维护性。 #### 单选框概述 单选框通过`&lt;input type="radio"&gt;`标签创建。每个单选框必须具有相同...

    jquery获取radio值实例

    jQuery获取radio值实例的知识点主要包括以下几个方面: 1. jQuery基础概念: jQuery是一个快速、小巧、功能丰富的JavaScript库,它通过封装DOM操作、事件处理、动画、Ajax等功能简化了JavaScript编程。在处理radio...

    JS 如何获取radio选中后的值及不选择取radio的值

    如果用户没有更改选中的选项,那么`chk`值保持不变,会弹出警告提示用户"radio值没有改变不能提交"。 ```javascript function check_radio() { var chkObjs = document.getElementsByName("radio"); for (var i =...

    点击单选按钮js获取出值

    $(function(){ $("input:radio").click(function () { //获取选中的radio的值 if($(this).attr("checked")){ var contactUserId = $(this).val(); alert(contactUserId ); } }); }); &lt;/script&gt;

    Jquery 获取input 值

    根据提供的文件信息,我们可以总结出一系列关于如何使用 jQuery 来获取不同类型的输入元素(如 radio 按钮、checkbox 和 select 下拉列表)值的方法。接下来,我们将详细地解析这些方法,并提供相应的代码示例。 ##...

Global site tag (gtag.js) - Google Analytics