jQuery获取及设置表单元素值的方法

"这篇资源主要介绍了如何使用jQuery来获取和操作HTML表单中的不同元素值，包括radio单选按钮、checkbox复选框、select下拉框等。" 在JavaScript库jQuery中，处理表单元素的值变得非常方便。以下是jQuery获取和设置表单元素值的一些关键方法： 1. 获取Radio单选按钮的值： ```javascript // 通过name属性选取已选中的radio按钮的值 var item = $("input[name='items']:checked").val(); ``` 2. 获取一组Radio被选中项的值： ```javascript // 获取被选中的radio按钮的值 var item = $('input[name=items][checked]').val(); ``` 3. 获取Select被选中项的文本： ```javascript // 获取选中的option元素的文本内容 var item = $("select[name=items] option[selected]").text(); ``` 4. 设置Select下拉框的当前选中值： ```javascript // 将下拉框的第二个选项设为选中状态 $('#select_id')[0].selectedIndex = 1; ``` 5. 设置Radio单选组的当前选中值： ```javascript // 将单选组的第二个元素设为选中状态 $('input[name=items]').get(1).checked = true; ``` 6. 获取其他表单元素的值： - 文本框或文本区域：`$("#txt").attr("value")` - 多选框checkbox：`$("#checkbox_id").attr("value")` - 单选组radio（已选中项的值）：`$("input[type=radio][checked]").val()` - 下拉框select：`$('#sel').val()` 7. 控制表单元素的状态： - 清空文本框或文本区域的值：`$("#txt").attr("value", "")` - 填充文本框或文本区域的值：`$("#txt").attr("value", "11")` - 多选框checkbox的选中与取消：`$("#chk1").attr("checked", "")`（取消选中）和`$("#chk2").attr("checked", true)`（选中） - 判断多选框是否已被选中：`if ($("#chk1").attr('checked') == undefined)` - 设置Radio单选组的当前选中项：`$("input[type=radio]").attr("checked", '2')`（将value为2的项设为选中） - 设置下拉框的当前选中值：`$("#sel").attr("value", '-sel3')` - 添加新的Option到下拉框：`$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("select_id")` 以上代码示例展示了如何利用jQuery选择器和属性操作方法来获取和修改表单元素的值，这对于动态更新页面内容或进行数据验证非常有用。在实际开发中，可以结合具体需求灵活应用这些方法。