jquery操作下拉列表、文本框、复选框、单选框集合(收藏)

在jQuery中，操作下拉列表（``）、文本框（``）、复选框（``）和单选框（``）集合是非常常见的需求。以下是一些基本的示例，展示了如何使用jQuery来操作这些HTML元素。

### 1. 下拉列表（``）

**获取选中的值**：

var selectedValue = $('#mySelect').val();
console.log(selectedValue);

**设置选中的值**：

$('#mySelect').val('optionValue').change(); // 假设'optionValue'是下拉列表中某个<option>的value

### 2. 文本框（`

`）

**获取文本值**：

var textValue = $('#myTextBox').val();
console.log(textValue);

**设置文本值**：

$('#myTextBox').val('新文本值');

### 3. 复选框（``）

**获取选中状态（对于单个复选框）**：

var isChecked = $('#myCheckbox').is(':checked');
console.log(isChecked);

**设置选中状态（对于单个复选框）**：

$('#myCheckbox').prop('checked', true); // 选中
$('#myCheckbox').prop('checked', false); // 未选中

**遍历所有复选框并获取选中项的值**：

$('input[type="checkbox"]:checked').each(function() {
    console.log($(this).val());
});

### 4. 单选框（``）

**获取选中项的值**：

var selectedRadioValue = $('input[type="radio"]:checked').val();
console.log(selectedRadioValue);

**设置选中项（假设我们根据value来设置）**：

$('input[type="radio"][value="radioValue"]').prop('checked', true); // 假设'radioValue'是某个单选按钮的value

这些示例展示了如何使用jQuery来操作HTML表单元素的基本方法。请注意，`#mySelect`、`#myTextBox`、`#myCheckbox` 和其他类似的ID应该是您页面中相应元素的ID。您需要根据实际情况替换这些ID。