一： DropDownList ——————————————————————————————- 在使用 JQuery 进行遍历操作时， $(“input”).each(function(i) { …… } 当操作对象的类型为 dropdownlist时：(备注：在firefox下DropDownList的类型为”select-one”) 获得所选中的值： $(this).val(); (如果不是遍历操作时，$(this) 就替换成 $(‘#控件的Id’) ) 获取选中的文本： $(this).find(“option:selected”).text(); 或者 $(“#控件的name opti
在JQuery中，对服务器控件的操作是Web开发中常见的任务，特别是对于DropdownList、RadioButtonList和CheckboxList这些常用的交互元素。以下是对这些控件在JQuery中的详细操作方法：
一、DropdownList
DropdownList是一种单选下拉列表，通常用于提供用户选择一个选项。在JQuery中操作DropdownList主要涉及以下几个方面：
1. 获取选中值：当遍历DOM元素时，如果操作的是DropdownList，可以使用`$(this).val()`来获取当前选中的值。在非遍历情况下，可以使用`$(‘#控件的Id’).val()`。
2. 获取选中文本：要获取选中项的文本，可以使用`$(this).find(“option:selected”).text()`或者`$(“#控件的name option:selected”).text()`。
3. 获取选中索引：通过`$(this).get(0).selectedIndex`可以获取选中项的索引位置。
二、RadioButtonList
RadioButtonList是一组互斥的单选按钮，用户只能选择其中的一个。针对RadioButtonList的JQuery操作如下：
1. 单个RadioButtonList：如果页面中只有一个RadioButtonList，可以使用`$(“input[type=’radio’]:checked”).val()`获取选中的值。若需获取文本，可以通过`$(“input[type=’radio’]:checked+label”).text()`。
2. 多个RadioButtonList：如果有多个RadioButtonList，首先获取控件ID和Name。例如：
- 控件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
CheckboxList则是一组可多选的复选框。操作CheckboxList的方法如下：
1. 判断是否至少有一个选中：`function hasCheckedByCheckbox(objId)`可以用来检查CheckboxList中是否有选中的项。这个函数遍历所有相关复选框，通过`$(this).attr('checked')`检查是否被选中。
2. 获取选中的值和文本：由于CheckboxList在服务器端生成时不会直接暴露其选中项的值，因此需要一些技巧。一种常见做法是在`<asp:ListItem>`中添加一个额外的`alt`属性，然后在JavaScript中读取。例如：
- 选中文本：`var selectedText = $(“input[name='” + checkName + “‘]:checked+label”).text();`
- 选中值：通过`$(this).parent('span').attr('alt')`获取`alt`属性的值，以此获取选中的值。
以上就是JQuery中对服务器控件DropdownList、RadioButtonList和CheckboxList的基本操作。在实际应用中，这些方法可以帮助开发者方便地获取和设置这些控件的状态，从而实现丰富的交互功能。
