<head runat="server">
<title>JS取Radio的值</title>
<script type="text/javascript">
--方法一
var getRadioValues = function()
{
var inputs = document.getElementsByTagName('input')
var values=""
for(i=0; i<inputs.length; i++)
{
obj = inputs[i];
t = obj.getAttribute("type");
if(t=='radio' && obj.checked)
{
v = obj.getAttribute("value");
values = v;
}
}
return values;
}
--方法二
function foo()
{
var inputs = document.getElementsByName("radio");
for(i=0;i<inputs.length;i++)
{
obj = inputs[i];
type = obj.getAttribute("type");
if(type=="radio"&&obj.checked)
{
alert(obj.getAttribute("value"));
}
}
}
</script>
</head>
<body>
<label><input type="radio" name="radio" value="1"/>移动</label>
<label><input type="radio" name="radio" value="2" />联通</label>
<label><input type="radio" name="radio" value="3" />电信</label>
<label><input type="radio" name="radio" value="4"/>网通</label>
<input type="button" onclick="alert(getRadioValues());" value="取值方法一" />
<input type="button" onclick="foo();" value="取值方法二" />
</body>
</html>
分享到：
相关推荐
原理就是：一般使用遍历的方法,判断每个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表单中的基本用法。单选按钮允许用户在一组选项中选择一个值，它通常使用`...
本教程将详细介绍如何在JavaScript（JS）中实现用图片代替Radio选择value值的功能。 首先，我们需要在HTML中设置Radio按钮，并为其添加相应的图片。每个Radio按钮都有一个唯一的ID和name属性，以确保用户只能选择一...
本篇文章将详细讲解如何使用JavaScript来获取选中的Radio button的值以及相关的知识点。 首先，Radio按钮在HTML中的基本结构如下： ```html <input type="radio" id="option1" name="options" value="1"> ...
本文将深入探讨如何使用JavaScript获取Radio按钮选中的值。 首先，要获取Radio按钮的选中值，我们可以直接通过DOM操作来实现。假设我们有一组名为`consumer_sex`的Radio按钮，我们可以通过以下方式获取选中的值： ...
### JavaScript 获取单选框的值 在Web开发中，JavaScript是一种非常重要的客户端脚本语言，它可以帮助我们处理用户输入的数据、动态更新网页内容等。在HTML表单中，单选框（`<input type="radio">`）是常用的一种...
通常需要使用`document.getElementsByName()`或`document.querySelector()`等DOM方法来获取DOM元素集合，然后通过遍历这些集合，检查每个元素的`checked`属性来判断哪个单选按钮被选中，最后返回该单选按钮的`value`...
获取选中的Value值 ```javascript $("select[@name=month] option[@selected]").val(); ``` 此语句通过`val()`函数获取`<select>`中当前选中`<option>`的`value`属性值。 #### 2. 获取选中的Text值 ```javascript ...
- 单选组radio：`$("input[@type=radio][@checked]").val()`获取选中项的value值。 - 下拉框select：`$('#sel').val()`获取选中项的value值。 以上就是jQuery中关于radio、checkbox和select的基本操作，这些方法...
### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中，`<select>` 标签用于创建下拉列表，通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...
### 知识点详解 ...以上内容总结了通过jQuery获取和操作Radio、CheckBox以及文本框Value值的基本方法。这些操作对于处理表单数据和用户交互非常有用，而且示例代码也方便读者理解和实际应用这些知识点。
#### 四、获取 Radio 和 CheckBox 的 Value 值 对于 Radio 和 CheckBox 这类表单元素，获取其值通常涉及到一些额外的步骤。 ##### 1. 获取 Radio 的 Value 值 ```javascript $("input[name='radio_name']:checked")...
为了使VBScript的代码能够与JavaScript类似地工作，可以对VBScript的`show`子程序进行修改，如上所示，通过`window.event.srcElement.name`获取事件源的名称，然后使用`document.getElementsByName()`来获取所有具有...
当应用于单选按钮组时，它会返回被选中的单选按钮的`value`属性值。 下面是一个简单的示例，展示如何使用jQuery判断单选按钮是否被选中并获取选中值： ```javascript // 获取所有同名的单选按钮 var radioButtons ...
在JavaScript中，获取单选按钮（radio）选中值是一项常见的任务，特别是在处理表单数据时。本文将详细讲解如何使用for循环来实现这一功能。首先，我们需要理解HTML中的单选按钮元素`<input type="radio">`以及它们在...
在JavaScript中，我们可以通过DOM（文档对象模型）操作来获取和设置单选按钮的值。在进行验证之前，我们需要先获取到单选按钮的DOM元素。通常情况下，可以使用document.getElementById()、document....
本文将详细解释如何使用jQuery来获取单选按钮组（radio group）的值。 ### jQuery获取单选按钮值的原理 要获取单选按钮组的值，我们首先需要理解jQuery选择器的使用。在jQuery中，我们可以使用属性选择器来选取...