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

Question

我在 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>

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

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

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

Answer 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.: 你有语法错误（缺少 {）。

Answer 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>

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

Get default value of radio button without change in jquery

jquery

radio-button