jquery获取radio的值

使用 jQuery 获取 radio 的值

通过 jQuery 可以轻松获取单选按钮（radio）的选中值。以下是几种常见方法：

方法一：使用 :checked 选择器

var selectedValue = $('input[name="radioName"]:checked').val();

radioName 替换为实际的 radio 组 name 属性值。若未选中任何项，selectedValue 为 undefined。

方法二：遍历 radio 组

var selectedValue;
$('input[name="radioName"]').each(function() {
    if ($(this).is(':checked')) {
        selectedValue = $(this).val();
        return false; // 终止遍历
    }
});

方法三：使用 .filter()

var selectedValue = $('input[name="radioName"]').filter(':checked').val();

注意事项

• 确保 radio 按钮的 name 属性相同以形成一组。
• 若需默认选中某一项，可在 HTML 中添加 checked 属性：

  <input type="radio" name="radioName" value="option1" checked>

示例代码

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

<button id="getValue">Get Value</button>

<script>
$('#getValue').click(function() {
    var gender = $('input[name="gender"]:checked').val();
    alert(gender || "No option selected");
});
</script>

动态监听变化

若需实时监听 radio 值的变化，可使用 change 事件：

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