JS取radio值

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;
//传递给另外一个表单
}
}
}
### 如何在HTML中获取单选按钮的选择 为了获取一组`<input type="radio">`中的选定,可以使用JavaScript来遍历具有相同名称属性的单选按钮集合,并找到其中被选中的那个。下面是一个具体的实现方法: #### 使用纯 JavaScript 获取单选按钮的 可以通过 `document.getElementsByName()` 方法获得所有同名的单选按钮节点列表,之后迭代这些节点以查找哪个是已选中的。 ```javascript function getSelectedRadioValue(name) { let elements = document.getElementsByName(name); for (let i = 0; i < elements.length; i++) { if (elements[i].checked) { // 如果当前单选按钮处于选中状态 return elements[i].value; } } } ``` 此函数接收一个参数作为要查询其的单选组的名字。它返回所选单选按钮对应的;如果没有选项被选中,则不会有任何返回[^1]。 另外,在现代浏览器环境中也可以利用更简洁的方式来做同样的事情: ```javascript const selectedValue = [...document.querySelectorAll('input[name="drone"]:checked')].map(el => el.value)[0]; console.log(selectedValue); // 输出选中的 ``` 这段代码首先选所有名为 "drone" 的选中状态下的 `<input>` 元素并转换成数组形式,接着映射得到它们各自的最后第一个元素即为所需的[^2]。 对于上述提到的例子而言,如果页面上有如下 HTML 结构: ```html <div> <input type="radio" id="huey" name="drone" value="huey"> <label for="huey">Huey</label><br/> <input type="radio" id="dewey" name="drone" value="dewey"> <label for="dewey">Dewey</label><br/> <!-- 更多类似的单选按钮 --> </div> <button onclick="alert(getSelectedRadioValue('drone'));">Get Selected Value</button> ``` 点击按钮将会弹出对话框显示用户选择了哪一个无人机(假设这里只有两个选项:"Huey", "Dewey"),这决于哪一个是被勾选的状态。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值