我有一个要收集我的输出的表格该表格显示在表格中,每行有2个选项可供选择我的代码的问题是两个按钮都加起来,但是我需要添加其中一个]
这是我的代码:
<script type="text/javascript">
$(document).on("change", ".qty1", function() {
var sum = 0;
$(".qty1").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
});
</script>
<table>
<tr>
<td><input class="qty1" type="radio" name="product_1" value="123" /></td>
<td><input class="qty1" type="radio" name="product_1" value="234" /></td>
</tr>
<tr>
<td><input class="qty1" type="radio" name="product_2" value="123" /></td>
<td><input class="qty1" type="radio" name="product_2" value="234" /></td>
</tr>
</table>
<input class="total" type="text" name="" value="">
要基于选定的单选按钮获取总和,您可以简单地循环浏览checked
单选按钮,而不是循环访问类为.qty1
的所有元素,例如:
$(document).on("change", ".qty1", function() {
var sum = 0;
$(".qty1:checked").each(function() {
sum += +$(this).val();
});
$(".total").val(sum);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td><input class="qty1" type="radio" name="product_1" value="123" />123</td>
<td><input class="qty1" type="radio" name="product_1" value="234" />234</td>
</tr>
<tr>
<td><input class="qty1" type="radio" name="product_2" value="123" />123</td>
<td><input class="qty1" type="radio" name="product_2" value="234" />234</td>
</tr>
</table>
<input class="total" type="text" name="" value="">