Получить значение по умолчанию для радио кнопки без изменения в jquery - PullRequest
Новая
       9

Получить значение по умолчанию для радио кнопки без изменения в jquery

1 голос
/ 23 апреля 2020

Я создал переключатели в html.

Я попытался получить значение по умолчанию, в данном случае это значение.

То, что я хочу получить, - это получить значение по умолчанию значение без какого-либо щелчка, потому что это по умолчанию.

Вот что я пробовал. 

$(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>

Из этого кода я могу получить значение радио, если я нажму кнопку.

Однако я не получаю значение по умолчанию при загрузке страницы.

Как получить значение по умолчанию без нажатия какой-либо кнопки.

Ответы [ 2 ]

1 голос
/ 23 апреля 2020

Здравствуйте. В вашем коде есть небольшая ошибка. Смотрите обновленный код, который также даст вам выбранное значение переключателя при загрузке страницы 

<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>
1 голос
/ 23 апреля 2020

Просто используйте тот же код в прослушивателе событий щелчка следующим образом: 

$(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: у вас произошла синтаксическая ошибка (отсутствует {).

...