JS获取下拉框显示值和判断单选按钮的方法

本文将为你详细如何使用JavaScript获取下拉框显示的值并判断单选按钮的选中状态。通过实际案例，我们将深入JavaScript在HTML下拉框和单选按钮操作中的应用技巧。

一、获取下拉框显示的值

在Web开发中，我们经常需要获取HTML下拉框（select元素）中当前显示的值。以下是一个实例：

HTML代码：

```html

北京

上海

江苏

河北

```

JavaScript函数：

```javascript

function setTxt() {

var _selObj = document.getElementById('province'); // 获取下拉框元素

var _selVal = _selObj.options[_selObj.selectedIndex].text; // 获取下拉框被选中的值

document.getElementById('provinceName').value = _selVal; // 将选中的值赋给文本框

}

```

二、判断单选按钮的选中状态

在Web表单中，单选按钮（radio）是非常常见的元素。我们有时需要判断用户是否选中了某个单选按钮。以下是一个实例：

HTML代码：

```html

2009-05-20

2009-05-21

2009-05-22

2009-05-23

```

JavaScript函数：

```javascript

function judge() {

var status = false;

var _radObj = document.getElementsByName('time');

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

if (_radObj[i].checked) {

status = true;

break; // 如果找到选中的单选按钮，直接跳出循环

}

}

if (!status) {

alert('未选中时间!');

}

return status; // 返回选中状态，未选中返回false，选中返回true

}

```

希望以上内容能帮助你更好地理解如何使用JavaScript获取HTML下拉框显示的值和判断单选按钮的选中状态。在实际项目中，你可以根据这些技巧进行拓展，实现更复杂的交互功能。