1.獲取選中值,三種方法均可以:app
$('input:radio:checked').val();dom
$("input[type='radio']:checked").val();this
$("input[name='rd']:checked").val();spa
2.設置第一個Radio爲選中值:code
$('input:radio:first').attr('checked', 'checked');索引
或者事件
$('input:radio:first').attr('checked', 'true');ip
注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)rem
3.設置最後一個Radio爲選中值:get
$('input:radio:last').attr('checked', 'checked');
或者
$('input:radio:last').attr('checked', 'true');
4.根據索引值設置任意一個radio爲選中值:
$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
$('input:radio').slice(1,2).attr('checked', 'true');
5.根據Value值設置Radio爲選中值
$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');
或者
$("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');
6.刪除Value值爲rd2的Radio
$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove();
7.刪除第幾個Radio
$("input:radio").eq(索引值).remove();索引值=0,1,2....
如刪除第3個Radio:$("input:radio").eq(2).remove();
8.遍歷Radio
$('input:radio').each(function(index,domEle){
//寫入代碼
});
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=$("#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 option[text='jQuery']").attr("selected", true); //設置Select的Text值爲jQuery的項選中
jQuery添加/刪除Select的Option項:
語法解釋:
1. $("#select_id").append("<option value='Value'>Text</option>"); //爲Select追加一個Option(下拉項) 2. $("#select_id").prepend("<option value='0'>請選擇</option>"); //爲Select插入一個Option(第一個位置) 3. $("#select_id option:last").remove(); //刪除Select中索引值最大Option(最後一個) 4. $("#select_id option[index='0']").remove(); //刪除Select中索引值爲0的Option(第一個) 5. $("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option 5. $("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option
//遍歷option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]")); } }
//取得下拉選單的選取值 $(#testSelect option:selected').text(); 或$("#testSelect").find('option:selected').text(); 或$("#testSelect").val();