jQuery获取(选中)单选,复选框,下拉框中的值


针对您的问题,以下是使用jQuery获取单选按钮(radio)、复选框(checkbox)和下拉框(select)中的值的简洁代码示例:

### 单选按钮(Radio)

HTML 示例:


<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female

jQuery 代码:


var gender = $('input[name="gender"]:checked').val();
console.log(gender); // 输出选中的值,例如 "male" 或 "female"

### 复选框(Checkbox)

HTML 示例:


<input type="checkbox" name="hobby" value="reading"> Reading<br>
<input type="checkbox" name="hobby" value="coding"> Coding<br>
<input type="checkbox" name="hobby" value="traveling"> Traveling

jQuery 代码(获取所有选中的复选框的值):


var hobbies = $('input[name="hobby"]:checked').map(function() {
    return this.value;
}).get().join(', ');
console.log(hobbies); // 输出选中的值,例如 "reading, coding"

### 下拉框(Select)

HTML 示例:


<select name="country">
  <option value="china">China</option>
  <option value="usa">USA</option>
  <option value="uk">UK</option>
</select>

jQuery 代码:


var country = $('select[name="country"]').val();
console.log(country); // 输出选中的值,例如 "china"

以上代码分别展示了如何使用jQuery获取单选按钮、复选框和下拉框中的值。请注意,这些代码段假定您已经在页面中引入了jQuery库。