jQuery表单元素操作指南：Radio、Input、Checkbox和Select的取值与赋值

在Web开发中，jQuery 提供了强大的工具来简化对表单元素的操作，如获取或设置值。以下是针对几种常见表单元素的操作方法。

1. 单选按钮（Radio）操作

要获取被选中的单选按钮的值，可以使用以下代码：

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

若需获取选中单选按钮的下一个兄弟元素的文本内容，可以这样写：

$("input[name='name']:checked").next().text();

2. 输入框（Input）操作

获取输入框的值非常简单，只需调用 .val() 方法即可：

$("#id").val();

若要设置输入框的值，同样使用 .val('新值') 方法。

3. 复选框（Checkbox）操作

检查一个复选框是否被选中，可以使用 .is(':checked') 方法：

$("#id:checkbox").is(':checked');

获取复选框的值，则直接使用 .val() 方法：

$("#id").val();

设置复选框的状态（选中或未选中），可以使用 .prop('checked', true/false) 方法。

4. 下拉选择框（Select）操作

获取选中的选项值：

$("#select_id").val();

获取选中的选项文本：

$("#select_id option:selected").text();

获取选中的选项索引：

$("#select_id").prop('selectedIndex');

设置选中的选项值：

$("#select_id").val('新值');

设置选中的选项文本：

var optiOns= $("#select_id option");
for (var i = 0; i     if (options[i].text === '目标文本') {
        options[i].selected = true;
        break;
    }
}

添加新的选项到下拉菜单：

$("#select_id").append('新文本');
$("#select_id").prepend('新文本'); // 在开头添加

移除特定的选项：

$("#select_id option[value='要移除的值']").remove();
$("#select_id option[text='要移除的文本']").remove();
$("#select_id option:eq(索引)").remove(); // 移除指定索引的选项

清空所有选项：

$("#select_id").empty();

以上就是使用 jQuery 操作表单元素的一些基本方法，希望对您的开发工作有所帮助。