快捷導(dǎo)航

JQuery中對(duì)服務(wù)器控件 DropdownList, RadioButtonList, CheckboxList的操作總結(jié)

更新時(shí)間：2011年06月28日 22:32:03 作者：

JQuery中對(duì)服務(wù)器控件 DropdownList, RadioButtonList, CheckboxList的操作總結(jié)，需要的朋友可以參考下。

一： DropDownList
-------------------------------------------------------------------------------------------
在使用 JQuery 進(jìn)行遍歷操作時(shí)，
$("input").each(function(i) {
......
}
當(dāng)操作對(duì)象的類(lèi)型為 dropdownlist時(shí)：(備注：在firefox下DropDownList的類(lèi)型為"select-one")
獲得所選中的值： $(this).val(); (如果不是遍歷操作時(shí)，$(this) 就替換成 $('#控件的Id') )
獲取選中的文本： $(this).find("option:selected").text(); 或者 $("#控件的name option:selected").text();
獲取選中的索引： $(this).get(0).selectedIndex;
二：RadioButtonList
-------------------------------------------------------------------------------------------
如果頁(yè)面只有一個(gè)RadioButtonList時(shí)，可以直接用 $("input[type='radio']:checked").val() 來(lái)獲得所選中的值
如果頁(yè)面有2個(gè)或多個(gè)RadioButtonList時(shí)：
第一步：取到RadioButtonList控件的Id,設(shè)置 var objId=控件Id;
第二步：取到控件的Name, 設(shè)置 var radioName = $("input[id^='" + objId + "']").eq(0).attr('name');
第三步：取值
　　獲得所選中的值： $("input[name='" + radioName + "']:checked").val());
　　獲得所選中的文本： $("input[name='" + radioName + "']:checked+label").text());

三：CheckBoxList
-------------------------------------------------------------------------------------------
判斷是否有選中的一個(gè)方法，objId為 CheckBoxList的 Id
目前暫時(shí)無(wú)法用js直接獲得服務(wù)器控件CheckBoxList的value值，只能通過(guò)一些小技巧來(lái)實(shí)現(xiàn)，例如添加額外的屬性
代碼中 selectedText 是獲得所選中的文本值，selectedValue 是獲得所選中的值

復(fù)制代碼代碼如下:

 
function hasCheckedByCheckbox(objId) { 
var checkedCount = 0; 
$("input[id^='" + objId + "']").each(function() { 
// var checkName = $(this).attr('name'); 
// var selectedText = $("input[name='" + checkName + "']:checked+label").text(); 
// var selectedValue = $(this).parent('span').attr('alt'); //利用hack來(lái)實(shí)現(xiàn)用js獲取checkboxList所選中的值,需要在<asp:ListItem 里添加一個(gè)額外的屬性 alt 
if ($(this).attr('checked')) { 
checkedCount++; 
} 
}); 
return checkedCount > 0; 
} 

您可能感興趣的文章: