快捷導(dǎo)航

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

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

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

一： DropDownList
-------------------------------------------------------------------------------------------
在使用 JQuery 進(jìn)行遍歷操作時，
$("input").each(function(i) {
......
}
當(dāng)操作對象的類型為 dropdownlist時：(備注：在firefox下DropDownList的類型為"select-one")
獲得所選中的值： $(this).val(); (如果不是遍歷操作時，$(this) 就替換成 $('#控件的Id') )
獲取選中的文本： $(this).find("option:selected").text(); 或者 $("#控件的name option:selected").text();
獲取選中的索引： $(this).get(0).selectedIndex;
二：RadioButtonList
-------------------------------------------------------------------------------------------
如果頁面只有一個RadioButtonList時，可以直接用 $("input[type='radio']:checked").val() 來獲得所選中的值
如果頁面有2個或多個RadioButtonList時：
第一步：取到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
-------------------------------------------------------------------------------------------
判斷是否有選中的一個方法，objId為 CheckBoxList的 Id
目前暫時無法用js直接獲得服務(wù)器控件CheckBoxList的value值，只能通過一些小技巧來實現(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來實現(xiàn)用js獲取checkboxList所選中的值,需要在<asp:ListItem 里添加一個額外的屬性 alt 
if ($(this).attr('checked')) { 
checkedCount++; 
} 
}); 
return checkedCount > 0; 
} 

您可能感興趣的文章: