针对您的问题,以下是使用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库。