jQuery操作表单元素：获取与设置值的全面指南

"jQuery获取表单元素的值与操作方法" 在Web开发中，jQuery库提供了方便快捷的方式来操作HTML文档中的表单元素。本摘要主要介绍如何使用jQuery获取表单元素的值，以及进行相关设置和状态检查。 1. 获取文本输入框（TEXT.AREATEXT）的值： ```javascript var textval = $("#text_id").attr("value"); // 或 var textval = $("#text_id").val(); ``` `$("#text_id").attr("value")` 通过属性获取文本框的值，而 `$("#text_id").val()` 是更推荐的方式，它直接返回元素的值。 2. 获取单选按钮（radio）的值： ```javascript var valradio = $("input[type=radio]:checked").val(); ``` 这个选择器会找到所有被选中的单选按钮，并返回其value属性的值。 3. 获取多选按钮（checkbox）的值： ```javascript var checkboxval = $("#checkbox_id").attr("value"); ``` 注意，对于未被选中的checkbox，`attr("value")` 仍能获取到值，但无法判断是否被选中。 4. 获取复选框（checkbox）的状态： ```javascript $("#chk_id").attr("checked", ""); // 设置为未选中 $("#chk_id").attr("checked", true); // 设置为选中 if ($("#chk_id").attr('checked') == true) { // 检查是否已选中 } ``` 5. 获取下拉列表（select）的选中值： ```javascript var selectval = $('#select_id').val(); ``` 这将返回当前被选中的option的value属性。 6. 设置下拉列表的选中项： ```javascript $("#select_id").attr("value", 'test'); // 设置value=test的option为选中 ``` 7. 添加或删除option： ```javascript $("<option>test</option><option>test2</option>").appendTo("#select_id"); // 添加选项 $("#select_id").empty(); // 清空所有选项 ``` 8. 选择下拉列表的特定选项： ```javascript $('#select_id')[0].selectedIndex = 1; // 选择第二个选项 ``` 9. 获取多选列表（select的multiple属性）中选中的项的值： ```javascript var item = $('input[name=items]:checked').val(); // 若未选中，val() 返回 undefined ``` 10. 获取多选列表（select的multiple属性）中选中的项的文本： ```javascript var item = $("select[name=items] option:selected").text(); // 获取选中项的文本 ``` 11. 选择复选列表（checkbox）的指定项： ```javascript $('input[name=items]').get(1).checked = true; // 选择第二个复选框 ``` 以上是jQuery操作表单元素的一些基本示例，这些方法能够帮助开发者高效地处理表单数据，实现用户交互功能。在实际应用中，可以结合其他jQuery方法和事件处理函数，实现更复杂的交互逻辑。