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());
});
