jQuery获取及设置表单input各种类型值的方法小结

本文将详细讲解如何使用jQuery获取和设置表单中各种类型的input值。无论是处理单选框、复选框、文本框还是下拉框，都能在这篇文章中找到实用的方法和技巧。

一、获取input值

1. 获取选中的radio值：使用jQuery，可以轻松获取名为"items"的radio组中被选中项的值。示例代码为：`var item = $("input[name=items]:checked").val();`。

2. 获取select选中的文本：如果想要获取名为"items"的select下拉框中被选中项的文本，可以使用以下代码：`var item = $("select[name=items] option:selected").text();`。

二、设置input值

1. 设置文本框或文本区域的值：可以使用`.val()`方法或`.attr("value")`来设置文本框或文本区域的值。例如：`$("txt").val('新的值');` 或 `$("txt").attr("value",'新的值');`。

2. 设置多选框checkbox的值：如果想要设置checkbox的选中状态，可以使用`.attr("checked",'true')`。例如：`$("chk1").attr("checked",'true');`。也可以判断checkbox是否已选中：`if($("chk1").attr('checked')==undefined)`。

3. 设置单选组radio的值：可以使用`.attr("checked",'value')`来设置单选组中某个选项为当前选中项。例如：`$("input[type=radio]").attr("checked",'2');`将设置value值为2的项目为当前选中项。

4. 设置下拉框select的值：可以使用`.attr("value",'value')`来设置下拉框的选中项。例如：`$("sel").attr("value",'-sel3');`将设置value值为-sel3的项目为当前选中项。还可以使用`.appendTo()`方法向下拉框中添加option，或使用`.empty()`方法清空下拉框的所有选项。

三、更多关于jQuery的知识

对于对jQuery感兴趣的读者，还可以查看相关的专题，如《jQuery选择器详解》、《jQuery DOM操作》、《jQuery事件处理》等。希望本文所述对大家在学习和使用jQuery时有所帮助。

使用jQuery可以方便地获取和设置表单中各种类型的input值，无论是处理文本框、单选框、复选框还是下拉框，都能轻松应对。相信读者已经掌握了这些基本技巧，能够更好地运用jQuery来操作表单元素。