jquery 處理radio/select

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(); 
相關文章
相關標籤/搜索