jQuery对下拉框,单选框,多选框的操作

jQuery 对下拉框（``）、单选框（``）、多选框（``）的操作通常包括获取值、设置值、禁用/启用、检查/取消检查等操作。以下是一些基本的示例：

### 下拉框（``）

**获取选中值**：

var selectedValue = $("#mySelect").val();

**设置选中值**：

$("#mySelect").val('optionValue').change(); // change() 是可选的，用于触发 change 事件

### 单选框（`

`）

**获取选中值**：

var selectedRadioValue = $('input[name="myRadio"]:checked').val();

**设置选中值**：

$('input[name="myRadio"][value="desiredValue"]').prop('checked', true);

### 多选框（``）

**获取所有选中值（数组）**：

var checkedValues = $('input[name="myCheckbox"]:checked').map(function() {
    return this.value;
}).get();

**设置某个多选框为选中/未选中**：

// 选中
$('input[name="myCheckbox"][value="someValue"]').prop('checked', true);

// 未选中
$('input[name="myCheckbox"][value="someValue"]').prop('checked', false);

**切换多选框的选中状态**：

$('input[name="myCheckbox"][value="someValue"]').prop('checked', function(i, val) {
    return !val;
});

### 禁用/启用

**禁用下拉框**：

$("#mySelect").prop('disabled', true);

**启用下拉框**：

$("#mySelect").prop('disabled', false);

对于单选框和多选框的禁用/启用操作，只需将选择器替换为对应的元素选择器即可。

以上示例演示了使用 jQuery 对下拉框、单选框和多选框进行基本操作的方法。这些操作通常涉及 jQuery 的 `.val()`, `.prop()`, `.map()`, 和 `.get()` 方法。