Блог

Главная - Вопросы по программированию - Как получить значение выбранного переключателя из таблицы, а затем подсчитать выбранный переключатель с помощью jQuery

Как получить значение выбранного переключателя из таблицы, а затем подсчитать выбранный переключатель с помощью jQuery

#jquery

Вопрос:

Я хочу получить переключатель «Значение выбрано» с помощью jQuery

введите описание изображения здесь

Комментарии:

1. это помогает $("input[type='radio'][name='yourRadioName']:checked").val(); ?

Ответ №1:

Как вы можете видеть из моего примера, я выбираю все радиоприемники, затем суммирую их и помещаю результат в <p> 

 let total = 0;
$('table input:radio:checked').each(function() {
  total  = isNaN(parseInt($(this).val())) ? 0 : parseInt($(this).val());
});
$("p").html(total); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td><input type='radio' value='1' checked>1</td>
    <td><input type='radio' value='2'>2</td>
    <td><input type='radio' value='3' checked>3</td>
  </tr>
</table>
total:
<p></p>

Возможно, вам не понадобится jQuery:

 let total = 0;
let radios = document.querySelectorAll('table input[type="radio"]:checked');
radios.forEach((radio)=>{
  total  = isNaN(parseInt(radio.value)) ? 0 : parseInt(radio.value);
});
document.querySelector('p').innerHTML = total; 
 <table>
  <tr>
    <td><input type='radio' value='1' checked>1</td>
    <td><input type='radio' value='2'>2</td>
    <td><input type='radio' value='3' checked>3</td>
  </tr>
</table>
total:
<p></p>
Метки: ,