jquery - 获取单选按钮的默认值而不更改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>

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

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

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

标签： jqueryradio-button

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>

PS：你有一个语法错误（缺少{）。