当前位置:首页 > 编程技术 > 正文

js如何获取单选选中项

js如何获取单选选中项

在JavaScript中,要获取单选按钮(radio button)的选中项,你可以通过以下步骤实现:1. 确定包含单选按钮的表单元素的ID。2. 使用`documen...

在JavaScript中,要获取单选按钮(radio button)的选中项,你可以通过以下步骤实现:

1. 确定包含单选按钮的表单元素的ID。

2. 使用`document.getElementById`或`document.querySelector`获取该表单元素。

3. 获取该表单元素内部的单选按钮集合。

4. 遍历单选按钮集合,检查每个单选按钮的`checked`属性是否为`true`。

以下是一个示例代码:

```javascript

// 假设单选按钮的名称为"myRadioGroup",并且包含在ID为"myForm"的表单中

var form = document.getElementById("myForm");

var radios = form.elements["myRadioGroup"];

for (var i = 0, length = radios.length; i < length; i++) {

if (radios[i].checked) {

// radios[i].value 就是选中项的值

console.log("Selected value is: " + radios[i].value);

break; // 如果只需要获取第一个选中的值,则可以使用break跳出循环

最新文章