在jQuery中，获取和设置控件的值是常见的操作，特别是在处理用户输入或者与服务器进行交互时。本文将详细介绍jQuery中获取控件值的三种主要方法，并提供一些具体的应用示例，以帮助开发者更好地理解和应用。
一、jQuery获取服务器控件值的方法
在ASP.NET中，服务器控件在客户端生成的ID通常是随机的，这使得直接通过ID选择器获取其值变得复杂。以下是三种可行的方法：
1. 使用服务器控件的`ClientID`属性：
```javascript
$("#<%=txtUserID.ClientID%>").val();
```
这种方法直接引用了服务器控件在客户端的实际ID。
2. 使用CSS选择器的子字符串匹配：
```javascript
$("input[id*=txtUserID]").val();
```
这种方法基于ID中的一部分来查找控件，适用于ID包含特定字符串的情况。
3. 使用CSS选择器的结束符匹配：
```javascript
$("*[id$=txtUserID]").val();
```
这种方法查找ID以特定字符串结尾的控件。
二、jQuery获取普通HTML控件值的方法
对于普通的HTML控件（如input、textarea、select等），获取值的方法如下：
1. 使用`val()`函数：
```javascript
// 获取值
val = $("#id").val();
// 设置值
$("#id").val("new value");
```
`val()`是jQuery提供的用于获取或设置元素值的主要方法，适用于大多数输入元素。
2. 直接访问DOM元素的`value`属性：
```javascript
// 获取值
val = $("#id")[0].value;
// 设置值
$("#id")[0].value = "new value";
```
这种方法直接操作DOM元素，适用于需要更底层控制的情况。
对于特定类型的控件，如radio、checkbox、select，有一些特定的获取和设置方式：
- 单选按钮（radio）：
```javascript
// 获取选中项的值
var item = $('input[@name=items][@checked]').val();
// 设置选中项
$("input[@type=radio]").attr("checked", '2');
```
- 多选框（checkbox）：
```javascript
// 检查状态
if ($("#chk1").attr('checked') === undefined) {
// 判断是否已打勾
}
// 打勾/取消打勾
$("#chk1").attr("checked", true);
$("#chk2").attr("checked", false);
```
- 下拉框（select）：
```javascript
// 获取选中项的值
var selValue = $('#sel').val();
// 设置选中项
$("#sel").attr("value", "-sel3");
// 获取选中项的文本
var selText = $("select[@name=items] option[@selected]").text();
// 清空下拉框
$("#sel").empty();
// 添加选项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel");
```
三、jQuery获取DropDownList控件值的方法
对于ASP.NET中的DropDownList控件，可以这样获取选中项的值和文本：
```javascript
function bbOK() {
var a = $("#ddlGuo option:selected").val(); // 获取值
var b = $("#ddlGuo option:selected").text(); // 获取文本
$("#txttext").attr("value", b); // 设置文本框的值
$("#txtval").attr("value", a); // 设置文本框的值
}
```
以上就是jQuery中获取控件值的常见方法，通过这些方法，开发者可以方便地读取和修改页面上各种控件的值，从而实现丰富的交互功能。了解并熟练掌握这些技巧，将极大地提高开发效率和代码质量。
