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

如何使用js控制单选按钮

如何使用js控制单选按钮

在JavaScript中控制单选按钮可以通过以下几种方法实现:1. 禁用单选按钮:可以通过设置`disabled`属性来禁用单选按钮。```javascript// 假...

在JavaScript中控制单选按钮可以通过以下几种方法实现:

1. 禁用单选按钮:可以通过设置`disabled`属性来禁用单选按钮。

```javascript

// 假设单选按钮的id是 'radio1'

document.getElementById('radio1').disabled = true;

```

2. 选中单选按钮:可以通过设置`checked`属性来选中单选按钮。

```javascript

// 假设单选按钮的id是 'radio1'

document.getElementById('radio1').checked = true;

```

3. 获取选中值:可以通过`value`属性来获取单选按钮的选中值。

```javascript

// 获取所有单选按钮

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

// 遍历单选按钮,查找选中的单选按钮

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

if (radios[i].checked) {

console.log('Selected radio value: ' + radios[i].value);

break;

最新文章