我想使用jQuery获得选中的值单选按钮
发布于 2021-06-07 18:48:34
正如您从我的示例中看到的,我选中了所有单选框,然后求和并将结果放入<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>
You might not need 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>
https://stackoverflow.com/questions/67869918
复制相似问题