我有一个要在其中收集输出的表单该表单显示在一个表中,每行有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="">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句