共翁号
共翁号 > 知识 > js判断radio是否被选中

js判断radio是否被选中

原创2025-06-20 00:19:14

要使用JavaScript判断单选按钮(radio)是否被选中,你可以使用 `checked` 属性。以下是一个简单的示例:

```javascript

// 获取所有名为 'radio' 的单选按钮

var radios = document.getElementsByName('radio');

// 遍历单选按钮

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

// 如果当前单选按钮被选中

if (radios[i].checked) {

// 弹出被选中的消息

alert('被选中了:' + radios[i].value);

// 可以在这里做其他操作,比如获取值

break; // 如果只需要知道是否有一个被选中,找到后即可退出循环

}

}

```

如果你使用的是jQuery,可以使用以下代码:

```javascript

// 获取所有名为 'radio' 的单选按钮,并筛选出被选中的

var selectedRadio = $('input[name="radio"]:checked');

// 如果存在被选中的单选按钮

if (selectedRadio.length > 0) {

// 弹出被选中的消息

alert('被选中了:' + selectedRadio.val());

} else {

// 弹出未被选中的消息

alert('未被选中');

}

```

请注意,如果你的页面上有多个单选按钮组,你可能需要根据组名来筛选,例如 `getElementsByName('radioName')`。

返回:知识

相关阅读

    最新文章
    猜您喜欢
    热门阅读