获取单选按钮的默认值而不更改jquery答案

【问题标题】：Get default value of radio button without change in jquery获取单选按钮的默认值而不更改jquery
【发布时间】：2020-04-24 01:48:16
【问题描述】：

我在 html 中创建了单选按钮。

我已尝试获取默认值，在本例中为 a。

我想要的是在没有任何点击的情况下获得一个默认值，因为它是默认值。

这是我尝试过的。

$(document).ready(function() {
$("#radios").click(function() {
  rad_val = $("input[name='radio']:checked").val();
  alert(rad_val);
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="radios" id="radios">
    <input type="radio" name="radio" checked value="a">                  
       <label>A</label>
    <input type="radio" name="radio" value="b">                                                
       <label>B</label>
    <input type="radio" name="radio" value="c">                          
       <label>C</label>
   <input type="radio" name="radio" value="d">
       <label>D</label>
</div>

从这段代码中，如果我单击一个按钮，我可以获得单选值。

但是，我在加载页面时没有获得默认值。

如何在不点击任何按钮的情况下获得默认值。

【问题讨论】：

在页面加载时定义 rad_val 变量，在 click 处理程序之外。

标签： jquery radio-button

【解决方案1】：

只需在点击事件监听器中使用相同的代码如下：

$(document).ready(function(){
     let rad_val = $("input[name='radio']:checked").val();
     alert(rad_val);
     $("#radios").click(function() {
          rad_val = $("input[name='radio']:checked").val();
          alert(rad_val);
     });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="radios" id="radios">
     <input type="radio" name="radio" checked value="a">                  
     <label>A</label>
     <input type="radio" name="radio" value="b">                                      <label>B</label>
     <input type="radio" name="radio" value="c">                          
     <label>C</label>
     <input type="radio" name="radio" value="d">
     <label>D</label>
</div>

P.S.：你有一个语法错误（缺少{）。

【讨论】：

【解决方案2】：

您好，您的代码中有一个小错误。查看更新的代码，该代码还将在页面加载时为您提供选定的单选按钮值

<script>
        $(document).ready(function() {
            rad_val = $("input[name='radio']:checked").val();
            alert(rad_val);
            $("#radios").click(function() {
                rad_val = $("input[name='radio']:checked").val();
                alert(rad_val);
            });
        });
</script>

【讨论】：