jQuery操作form input、select、checkbox、radio常用方法_

1、jQuery操作form input、select、checkbox、radio常用方法_ jQuery猎取Select选择的Text和Value: 语法说明： 1. $(#select_id).change(function()/code.); /为Select添加大事，当选择其中一项时触发 2. var checkText=$(#select_id).find(option:selected).text(); /猎取Select选择的Text 3. var checkValue=$(#select_id).val(); /猎取Select选择的Value 4. var checkIndex

2、=$(#select_id ).get(0).selectedIndex; /猎取Select选择的索引值 5. var maxIndex=$(#select_id option:last).attr(index); /猎取Select最大的索引值 jQuery设置Select选择的 Text和Value: 语法说明： 1. $(#select_id ).get(0).selectedIndex=1; /设置Select索引值为1的项选中 2. $(#select_id ).val(4); / 设置Select的Value值为4的项选中 3. $(#select_id optiontext=j

3、Query).attr(selected, true); /设置Select的Text值为jQuery的项选中 jQuery添加/删除Select的Option项： 语法说明： 1. $(#select_id).append(option value=ValueText/option); /为Select追加一个Option(下拉项) 2. $(#select_id).prepend(option value=0请选择/option); /为Select插入一个Option(第一个位置) 3. $(#select_id option:last).remove(); /删除Select中索引值最

4、大Option(最终一个) 4. $(#select_id optionindex=0).remove(); /删除Select中索引值为0的Option(第一个) 5. $(#select_id optionvalue=3).remove(); /删除Select中Value=3的Option 5. $(#select_id optiontext=4).remove(); /删除Select中Text=4的Option jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获 取一组radio被选中项的值 va

5、r item = $(inputname=itemschecked).val(); 获 取select被选中项的文本 var item = $(selectname=items optionselected).text(); select下拉框的其次个元素为当前选中值 $(#select_id)0.selectedIndex = 1; radio单选组的其次个元素为当前选中值 $(inputname=items).get(1).checked = true; 猎取值： 文本框，文本区域：$(#txt).attr(value)； 多选框 checkbox：$(#checkbox_id).attr

6、(value)； 单选组radio： $(inputtype=radiochecked).val(); 下拉框select： $(#sel).val(); 掌握表单元素： 文本框，文本区域：$(#txt).attr(value,);/清空内容 $(#txt).attr(value,11);/填充内容 多选框checkbox： $(#chk1).attr(checked,);/不打勾 $(#chk2).attr(checked,true);/打勾 if($(#chk1).attr(checked)=undefined) /推断是否已经打勾 单选组 radio： $(inputtype=radio

7、).attr(checked,2);/设置value=2的项目为当前选中项 下拉框 select： $(#sel).attr(value,-sel3);/设置value=-sel3的项目为当前选中项 $(option value=11111/optionoption value=22222/option).appendTo(#sel)/添加下拉框的option $(#sel).empty()；/清空下拉框 - /遍历option和添加、移除option function changeShipMethod(shipping) var len = $(selectname=ISHIPTYPE op

8、tion).length if(shipping.value != CA) $(selectname=ISHIPTYPE option).each(function() if($(this).val() = 111) $(this).remove(); ); else $(option value=111UPS Ground/option).appendTo($(selectname=ISHIPTYPE); /取得下拉選單的選取值 $(#testSelect option:selected).text(); 或$(#testSelect).find(option:selected).text(

9、); 或$(#testSelect).val(); / 记 性不好的可以保藏下： 1,下拉框: var cc1 = $(.formc selectname=country optionselected).text(); /得到下拉菜单的选中项的文本(留意中间有空格) var cc2 = $(.formc selectname=country).val(); /得到下拉菜单的选中项的值 var cc3 = $(.formc selectname=country).attr(id); /得到下拉菜单的选中项的ID属性值 $(#select).empty();/清空下拉框 /$(#select).h

10、tml(); $(option value=11111/option).appendTo(#select)/添加下拉框的option 略微说明一下: 1.selectname=country optionselected 表示具有name 属性， 并 且该属性值为country 的select元素 里面的具有selected 属性的option 元素； 2,单选框: $(inputtype=radiochecked).val(); /得到单选框的 选中项的值(留意中间没有空格) $(inputtype=radiovalue=2).attr(checked,checked); /设置单选框val

11、ue=2的为选中状态.(留意中间没有空格) 3,复选框: $(inputtype=checkboxchecked).val(); /得到复选框的选中的第一项的值 $(inputtype=checkboxchecked).each(function() /由于复选框一般选中的是多个,所以可以循环输出 alert($(this).val(); ); $(#chk1).attr(checked,);/不打勾 $(#chk2).attr(checked,true);/ 打勾 if($(#chk1).attr(checked)=undefined) /推断是否已经打勾 当然jquery的选择器是强大的.

12、 还有许多方法. script src=jquery-1.2.1.js type=text/javascript/script script language=javascript type=text/javascript $(document).ready(function() $(#selectTest).change(function() /alert(Hello); /alert($(#selectTest).attr(name); /$(a).attr(href,xx.html); /window.location.href=xx.html; /alert($(#selectTest

13、).val(); alert($(#selectTest optionselected).text(); $(#selectTest).attr(value, 2); ); ); /script a href=#aaass/a !-下拉框- select id=selectTest name=selectTest option value=111/option option value=222/option option value=333/option option value=444/option option value=555/option option value=666/optio

14、n /select jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关猎取一组radio被选中 项的值 var item = $(inputname=itemschecked).val(); 猎取select被选 中项的文本 var item = $(selectname=items optionselected).text(); select 下拉框的其次个元素为当前选中值 $(#select_id)0.selectedIndex = 1; radio单选组的其次个 元素为当前选中值 $(inputname=

15、items).get(1).checked = true; 猎取值： 文本 框，文本区域：$(#txt).attr(value)； 多选框 checkbox：$(#checkbox_id).attr(value)； 单选组radio： $(inputtype=radiochecked).val(); 下拉框select： $(#sel).val(); 控 制表单元素： 文本框，文本区域：$(#txt).attr(value,);/清空内容 $(#txt).attr(value,11);/ 填充内容 多选框checkbox： $(#chk1).attr(checked,);/不打勾 $(#chk

16、2).attr(checked,true);/ 打勾 if($(#chk1).attr(checked)=undefined) /推断是否已经打勾 单选组radio： $(inputtype=radio).attr(checked,2);/设置value=2的项目为当前选中项 下拉框 select： $(#sel).attr(value,-sel3);/设置value=-sel3的项目为当前选中项 $(optionvalue=1 gt;1111/optionoptionvalue=22222/option gt;).appendTo(#sel)/添加下拉框的option $(#sel).emp

17、ty()；/ 清空下拉框 猎取一组radio被选中项的值 var item = $(inputname=itemschecked).val(); 猎取select被选中项的文本 var item = $(selectname=items optionselected).text(); select下拉框的其次个元素为当 前选中值 $(#select_id)0.selectedIndex = 1; radio单选组的其次个元素为当前选中值 $(inputname=items).get(1).checked = true; 猎取值： 文本框，文本区域：$(#txt).attr(value)； 多选框 checkbox：$(#checkbox_id).attr(value)； 单选组radio： $(inputtype=radiochecked).val(); 下拉框select： $(#sel).val(); 控 制表单元素： 文本框，文本区域：$(#txt).attr(value,);/清空内容 $(#txt).attr(value,11);/ 填充内容 多选框checkbox： $(#chk1).attr(checked,);/不打勾 $(#chk2).attr(checked,true);/ 打勾 if($(#chk1).a