jQuery中的RadioButton,input,CheckBox取值赋值实现代码

在jQuery中，对于RadioButton（单选按钮）、Checkbox（复选框）和普通的Input（如文本框）的取值与赋值操作，可以通过不同的方法来实现。以下是一些基本的示例代码：

### RadioButton取值

要获取被选中的RadioButton的值，你可以通过`:checked`选择器找到被选中的元素，并获取其`value`属性。

// 假设HTML中有如下RadioButton
// <input type="radio" name="gender" value="male"> Male
// <input type="radio" name="gender" value="female"> Female

// 获取被选中的RadioButton的值
var selectedGender = $('input[name="gender"]:checked').val();
console.log(selectedGender); // 输出："male" 或 "female"

### RadioButton赋值

实际上，RadioButton的“赋值”是通过选中对应的RadioButton来实现的，你不能直接修改其`value`属性（因为那不会改变用户的选择），但可以通过程序控制选中某个RadioButton。

// 选中value为"male"的RadioButton
$('input[name="gender"][value="male"]').prop('checked', true);

### CheckBox取值

对于CheckBox，你可能想要知道哪些被选中了。你可以遍历所有同名的CheckBox，并检查哪些被选中了。

// 假设HTML中有如下CheckBox
// <input type="checkbox" name="hobbies" value="reading"> Reading
// <input type="checkbox" name="hobbies" value="swimming"> Swimming

// 获取所有被选中的CheckBox的值
var selectedHobbies = $('input[name="hobbies"]:checked').map(function() {
    return this.value;
}).get().join(', ');
console.log(selectedHobbies); // 输出："reading, swimming"（如果都被选中的话）

### CheckBox赋值

与RadioButton类似，CheckBox的“赋值”也是通过选中或取消选中对应的CheckBox来实现的。

// 选中value为"reading"的CheckBox
$('input[name="hobbies"][value="reading"]').prop('checked', true);

// 取消选中value为"swimming"的CheckBox
$('input[name="hobbies"][value="swimming"]').prop('checked', false);

### Input取值与赋值

对于普通的Input（如文本框），取值和赋值就简单多了。

// 假设HTML中有一个文本框：<input type="text" id="username">

// 取值
var username = $('#username').val();
console.log(username); // 输出文本框中的值

// 赋值
$('#username').val('newUsername'); // 将文本框的值设置为"newUsername"

以上就是在jQuery中处理RadioButton、CheckBox和Input的基本方法。