JQuery中對服務器控件DropdownList,RadioButtonList,CheckboxList的操作總結_jquery

一： DropDownList
-------------------------------------------------------------------------------------------
在使用 JQuery 進行遍歷操作時，
$("input").each(function(i) {
......
}
當操作對象的類型為 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,設置 var objId=控件Id;
第二步：取到控件的Name, 設置 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直接獲得服務器控件CheckBoxList的value值，只能通過一些小技巧來實現，例如添加額外的屬性
代碼中 selectedText 是獲得 所選中的文本值，selectedValue 是獲得 所選中的值
代碼如下:
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來實現用js獲取checkboxList所選中的值,需要在if ($(this).attr('checked')) {
checkedCount++;
}
});
return checkedCount > 0;
}

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com