jquery获取radio

获取选中的radio值

使用 :checked 选择器结合 val() 方法，可以获取选中的radio按钮的值。

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

• radioName 需替换为实际的radio组名称（name属性值）。
• 若未选中任何项，返回 undefined。

遍历radio组

通过 each() 方法遍历所有radio按钮，检查选中状态：

$("input[name='radioName']").each(function() {
    if ($(this).is(":checked")) {
        console.log($(this).val());
    }
});

设置radio选中状态

使用 prop() 方法设置radio为选中状态：

$("input[name='radioName'][value='目标值']").prop("checked", true);

• 目标值 需替换为具体的 value 属性值。

监听radio变化事件

通过 change 事件监听选中状态变化：

$("input[name='radioName']").change(function() {
    console.log("选中的值: " + $(this).val());
});

注意事项

• 确保radio按钮的 name 属性相同，形成互斥组。
• 若动态生成radio，需使用事件委托（on()）：

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