在Web開(kāi)發(fā)過(guò)程中，我們經(jīng)常需要獲取用戶(hù)在頁(yè)面中選擇的按鈕，以便根據(jù)用戶(hù)的選擇做出相應(yīng)的處理。JavaScript提供了一種簡(jiǎn)便的方法來(lái)獲取被選擇的按鈕。## 獲取被選擇的單選按鈕要獲取被選擇的單選按

在Web開(kāi)發(fā)過(guò)程中，我們經(jīng)常需要獲取用戶(hù)在頁(yè)面中選擇的按鈕，以便根據(jù)用戶(hù)的選擇做出相應(yīng)的處理。JavaScript提供了一種簡(jiǎn)便的方法來(lái)獲取被選擇的按鈕。

## 獲取被選擇的單選按鈕

要獲取被選擇的單選按鈕，我們可以使用`querySelectorAll`方法結(jié)合CSS選擇器來(lái)獲取所有的單選按鈕，然后通過(guò)遍歷判斷哪個(gè)按鈕被選擇了。

示例代碼如下：

```javascript

var radioButtons document.querySelectorAll('input[type"radio"]');

var selectedRadioButton;

for (var i 0; i < radioButtons.length; i ) {

if (radioButtons[i].checked) {

selectedRadioButton radioButtons[i];

break;

}

}

if (selectedRadioButton) {

console.log("被選擇的單選按鈕的值為：" );

} else {

console.log("未選擇任何單選按鈕");

}

```

## 獲取被選擇的復(fù)選框

與獲取單選按鈕類(lèi)似，我們也可以使用`querySelectorAll`方法結(jié)合CSS選擇器來(lái)獲取所有的復(fù)選框，然后通過(guò)遍歷判斷哪個(gè)復(fù)選框被選擇了。

示例代碼如下：

```javascript

var checkboxes document.querySelectorAll('input[type"checkbox"]');

var selectedCheckboxes [];

for (var i 0; i < checkboxes.length; i ) {

if (checkboxes[i].checked) {

selectedCheckboxes.push(checkboxes[i]);

}

}

if (selectedCheckboxes.length > 0) {

var values (function(checkbox) {

return ;

});

console.log("被選擇的復(fù)選框的值為：" (", "));

} else {

console.log("未選擇任何復(fù)選框");

}

```

通過(guò)以上方法，我們可以方便地獲取被選擇的單選按鈕和復(fù)選框，并根據(jù)需求進(jìn)行相應(yīng)的操作。在實(shí)際項(xiàng)目中，我們可以根據(jù)這些獲取到的值進(jìn)行表單驗(yàn)證、數(shù)據(jù)提交或其他邏輯處理。