`

JS取radio单选按钮值的小例子(转自www.jbxue.com)

 
阅读更多

转自:http://www.jbxue.com/article/js/20653.html

发布时间:2014-05-11   编辑:kksky

分享一个js获取radio单选按钮中值的例子,有需要的朋友参考下。

例子,js取radio
 

复制代码代码示例:

<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>

<form method="post" name="form2">
    <input type="text" name="textfield">
  </form>

<script language="javascript" type="text/javascript">
<!--
function ok()
{ www.jbxue.com
  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>

分享到:
评论

相关推荐

    jquery取radio单选按钮的值[文].pdf

    jquery取radio单选按钮的值[文].pdf

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

    为了在JavaScript中获取这些单选按钮的值,我们可以编写一个函数,比如`getValue()`,该函数遍历所有单选按钮,并检查哪些按钮被选中。当选中按钮被找到时,该按钮的值可以被读取并赋值给一个变量。下面是一个实现该...

    Flutter Radio 单选按钮

    Flutter Radio 单选按钮

    Bootstrap单选按钮和复选框美化特效.zip

    在本资源"Bootstrap单选按钮和复选框美化特效.zip"中,我们关注的是如何利用Font Awesome这个流行图标库来增强Bootstrap的默认表单元素——单选按钮(radio buttons)和复选框(checkboxes)的视觉效果。 Font ...

    jQuery单选按钮和复选按钮美化效果.zip

    这个"jQuery单选按钮和复选按钮美化效果.zip"压缩包包含了一个利用jQuery实现的单选按钮(radio)和复选按钮(checkbox)美化效果的示例项目。以下是关于这个项目的详细知识点: 1. **jQuery基础**:jQuery库通过...

    炫酷能量球radio单选按钮.zip

    "炫酷能量球radio单选按钮.zip"是一个包含JavaScript技术的项目,主要目的是实现一种视觉效果独特的单选按钮设计,这种设计将传统的单选按钮(radio button)转换为具有能量球动画效果的交互元素。在网页设计中,...

    js如何调用单选按钮

    在上面的例子中,我们定义了一个名为 `f` 的 JavaScript 函数,该函数接受一个参数 `index`,用于指定要选择的单选按钮的值。在函数体中,我们使用 `getElementsByName()` 方法来获取所有单选按钮,然后遍历所有单选...

    Exam5_radio.rar_Radio_单选按钮_单选按钮控件

    在这个“Exam5_radio.rar”压缩包中,我们有一个名为“Radio_单选按钮_单选按钮控件”的程序示例,它直观地展示了如何在实际应用中使用单选按钮控件。 单选按钮通常成组出现,每个按钮代表一个不同的选项。在这些...

    点击radio单选按钮切换显示不同内容

    更换单选按钮样式例子

    本示例"更换单选按钮样式例子"主要关注的是如何改变HTML中的单选按钮(Radio Button)的默认样式,使其在不同的浏览器环境下,如Firefox,展现出预期的设计。单选按钮是一种常见的表单元素,用于让用户在一组互斥的...

    javascript获得单选框的值

    ### JavaScript 获取单选框的值 在Web开发中,JavaScript是一种非常重要的客户端脚本语言,它可以帮助我们处理用户输入的数据、动态更新网页内容等。在HTML表单中,单选框(`&lt;input type="radio"&gt;`)是常用的一种...

    最简单的单选按钮

    在编程和用户界面设计中,单选按钮(Radio Button)是一种常见的交互元素,它允许用户在多个选项中选择一个。本教程将详细讲解如何创建一个简单的单选按钮系统,仅用两个按钮就能实现这一功能。这非常适合初学者,...

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

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

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

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

    用 Javascript 验证表单(form)中的单选(radio)值

    在本文中,我们将深入探讨使用JavaScript验证表单中单选按钮值的方法和技术。 首先,需要了解的是,单选按钮属于HTML表单元素中的input元素,其类型(type)属性设置为radio。与单行文本框(input type="text")...

    js单选按钮和向action中传多个参数

    在这个例子中,`document.getElementsByName("choose")`用于获取所有名为“choose”的单选按钮。 ```javascript var radios = document.getElementsByName("choose"); ``` #### 1.3 检查单选按钮是否被选中 通过`....

    javascript处理单选按钮组

    ### JavaScript处理单选按钮组详解 在Web开发中,单选按钮(`&lt;input type="radio"&gt;`)是用户界面中常见的元素之一,用于让用户在一组互斥的选项中选择一个。JavaScript可以用来动态地控制这些单选按钮,实现更复杂...

    CSS3单选按钮和复选按钮特效.zip

    在网页设计中,单选按钮(Radio Button)和复选框(Checkbox)是常见的交互元素,用于用户在多个选项中做出选择。随着技术的发展,CSS3的引入为这些基础元素的美化提供了更多可能性。"CSS3单选按钮和复选按钮特效....

    GridView实现单选按钮

    本篇文章将详细探讨如何利用JavaScript(JS)来实现GridView中的单选按钮功能。 首先,我们需要理解GridView的基本结构。GridView控件通常通过绑定数据源(如数据库查询结果)来填充其行和列。默认情况下,GridView...

    带动画效果的CSS3 checkbox复选框、radio单选按钮特效.rar

    又一款漂亮的带动画效果的CSS3 checkbox复选框、radio单选按钮特效,鼠标点击那些按钮时,会有动画效果,而且一改默认单选框和复选框的呆板样式,将里面的对勾和小点换成了其它的自定义图案,比原来的漂亮多了。

Global site tag (gtag.js) - Google Analytics