jQuery 获取表单元素值的方法

"本文主要介绍如何使用jQuery来获取和设置HTML中的input元素值，包括radio、checkbox和select的选择状态。" 在Web开发中，jQuery库提供了一种简洁的方式来操作DOM元素，其中包括获取和设置input元素的值。以下是对标题和描述中提到的jQuery操作input值的详细说明： 1. 获取单个radio选项的值： ```javascript var item = $('input[@name=items][@checked]').val(); ``` 这段代码会选取所有name属性为"items"且被选中的radio按钮，并返回其value属性的值。 2. 获取select选择项的文本： ```javascript var item = $("select[@name=items] option[@selected]").text(); ``` 这行代码会选取name属性为"items"的select元素中被选中的option元素，并返回它的文本内容。 3. 设置select的当前选中项： ```javascript $('#select_id')[0].selectedIndex = 1; ``` 这将使id为"select_id"的select元素的第二个选项（索引从0开始）成为当前选中项。 4. 设置单个radio选项为选中状态： ```javascript $('input[@name=items]').get(1).checked = true; ``` 这将使name属性为"items"的radio按钮数组中的第二个元素（索引从0开始）被选中。 5. 获取input文本框的值： ```javascript var inputValue = $("#txt").attr("value"); ``` 这将获取id为"txt"的input元素的value属性值。 6. 设置input文本框的值： ```javascript $("#txt").attr("value", '新值'); ``` 这将设置id为"txt"的input元素的value属性为'新值'。 7. 获取checkbox的选中状态： ```javascript var isChecked = $("#checkbox_id").attr("checked"); ``` 这将检查id为"checkbox_id"的checkbox是否被选中。 8. 设置checkbox的选中状态： ```javascript $("#chk1").attr("checked", ''); $("#chk2").attr("checked", true); ``` 这将取消id为"chk1"的checkbox的选中状态，而将id为"chk2"的checkbox设置为选中。 9. 判断radio是否已被选中： ```javascript if ($("#chk1").attr('checked') == undefined) ``` 这将检查id为"chk1"的radio按钮是否未被选中。 10. 设置radio的选中值： ```javascript $("input[@type=radio]").attr("checked", '2'); ``` 这将使所有radio按钮中value属性为'2'的元素被选中。 11. 设置select的当前选中值： ```javascript $("#sel").attr("value", '-sel3'); ``` 这将使id为"sel"的select元素的当前选中值设置为'-sel3'。 12. 向select中添加option元素： ```javascript $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel"); ``` 这将在id为"sel"的select元素中添加两个新的option元素。 13. 清空select的所有option： ```javascript $("#sel").empty(); ``` 这将移除id为"sel"的select元素内的所有option元素。 此外，`changeShipMethod`函数可能是一个用于处理运输方式变更的函数，但具体实现没有提供，所以无法详细解释。以上代码展示了jQuery在处理表单元素，特别是input、radio、checkbox和select时的常见操作。通过这些方法，开发者可以方便地获取用户输入和控制表单状态。