<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>
分享到:
相关推荐
原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. <form id=userlist method=post action=option.php> <input type=radio name=userid value=1>1 <input type=radio name=...
本文将通过一个简单实例,讲解如何在JavaScript中获取JSP表单中单选按钮(radio)类型的值。 首先,我们需要了解单选按钮(radio)在HTML表单中的基本用法。单选按钮允许用户在一组选项中选择一个值,它通常使用`...
1. 获取选中的radio值 要获取一组radio按钮中选中项的值,可以通过JavaScript或jQuery来实现。使用jQuery时,可以先通过name属性选中这组radio,然后使用jQuery提供的过滤方法“:checked”找到当前选中的radio按钮,...
本篇文章将详细讲解如何使用JavaScript来获取选中的Radio button的值以及相关的知识点。 首先,Radio按钮在HTML中的基本结构如下: ```html <input type="radio" id="option1" name="options" value="1"> ...
本文将深入探讨如何使用JavaScript获取Radio按钮选中的值。 首先,要获取Radio按钮的选中值,我们可以直接通过DOM操作来实现。假设我们有一组名为`consumer_sex`的Radio按钮,我们可以通过以下方式获取选中的值: ...
本实例将演示如何使用JavaScript来获取表单中的单选按钮组(radio button group)中用户选中的值。 首先,我们来看HTML部分。在这个例子中,我们有一个表单(form),其包含一组名称相同的单选按钮。每个单选按钮都...
总结来说,JavaScript获取`type=radio`值的关键步骤包括: 1. 使用`document.getElementsByName()`获取所有同名的单选按钮。 2. 遍历这些元素,检查`checked`属性。 3. 当找到选中的单选按钮时,获取其`value`属性。...
本文将介绍如何使用JavaScript简单地获取表单中单选按钮的值,并涉及到表单元素的遍历与查找技巧。 首先,单选按钮在HTML中的定义通常是使用`<input>`标签,并将`type`属性设置为`radio`。单选按钮通常会具有相同的...
在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...
在JavaScript中,获取单选按钮(radio)选中值是一项常见的任务,特别是在处理表单数据时。本文将详细讲解如何使用for循环来实现这一功能。首先,我们需要理解HTML中的单选按钮元素`<input type="radio">`以及它们在...
本文将详细解释如何使用jQuery来获取单选按钮组(radio group)的值。 ### jQuery获取单选按钮值的原理 要获取单选按钮组的值,我们首先需要理解jQuery选择器的使用。在jQuery中,我们可以使用属性选择器来选取...
本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解HTML中的`<input type="radio">`元素。在网页中,单选按钮通常用于提供一组互斥的选择选项,用户只能选择...
获取单选按钮(`<input type="radio">`)的值 单选按钮用于在多个选项中选择一个。可以通过查找具有`checked`属性的单选按钮来获取其值: ```javascript var radioVal = $("input[type=radio][name=some_name]:...
在本文中,我们将深入探讨如何使用JavaScript获取HTML页面中的单选框的值,并对其进行封装以提高代码的可重用性和可维护性。 #### 单选框概述 单选框通过`<input type="radio">`标签创建。每个单选框必须具有相同...
jQuery获取radio值实例的知识点主要包括以下几个方面: 1. jQuery基础概念: jQuery是一个快速、小巧、功能丰富的JavaScript库,它通过封装DOM操作、事件处理、动画、Ajax等功能简化了JavaScript编程。在处理radio...
如果用户没有更改选中的选项,那么`chk`值保持不变,会弹出警告提示用户"radio值没有改变不能提交"。 ```javascript function check_radio() { var chkObjs = document.getElementsByName("radio"); for (var i =...
$(function(){ $("input:radio").click(function () { //获取选中的radio的值 if($(this).attr("checked")){ var contactUserId = $(this).val(); alert(contactUserId ); } }); }); </script>
根据提供的文件信息,我们可以总结出一系列关于如何使用 jQuery 来获取不同类型的输入元素(如 radio 按钮、checkbox 和 select 下拉列表)值的方法。接下来,我们将详细地解析这些方法,并提供相应的代码示例。 ##...