jquery获取单选框的值

获取单选框的值

使用jQuery获取单选框（radio button）的值可以通过以下方法实现。假设HTML结构如下：

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

方法1：使用:checked选择器

通过:checked选择器获取当前选中的单选框的值：

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

方法2：检查是否选中并获取值

如果需要先检查是否有单选框被选中，再获取值：

if ($('input[name="gender"]:checked').length > 0) {
    var selectedValue = $('input[name="gender"]:checked').val();
    console.log(selectedValue);
} else {
    console.log("没有选项被选中");
}

方法3：通过事件监听动态获取值

监听单选框的change事件，动态获取选中的值：

$('input[name="gender"]').change(function() {
    var selectedValue = $(this).val();
    console.log(selectedValue);
});

注意事项

• 确保单选框的name属性一致，以便正确分组。
• 如果单选框未被选中，直接调用.val()会返回undefined，因此建议先检查选中状态。

以上方法适用于大多数场景，可根据实际需求选择合适的方式。