个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我试图找出基于使用复选框选择 5 个不同选项的组合来计算总值的最佳方法。这是代码示例:
<input type="checkbox" value="Value 1" name="Value1" id="Value1">Value 1
<input type="checkbox" value="Value 2" name="Value2" id="Value2">Value 2
<input type="checkbox" value="Value 3" name="Value3" id="Value1">Value 3
<input type="checkbox" value="Value 4" name="Value4" id="Value1">Value 4
<input type="checkbox" value="Value 5" name="Value5" id="Value1">Value 5
<input type="checkbox" value="Total Value" name="TotalValue"
id="TotalValue">Total Value
以下是复选框的示例数值:复选框 1 - 100复选框 2 - 125复选框 3 - 150复选框 4 - 175复选框 5 - 200
所以我的目标是根据复选框选择得出 TotalValue 的数值。例如，如果选择复选框 2 和复选框 4，则总值(value)将为 300。因此用户可以选择单个复选框或复选框的任意组合。我也许可以使用 javascript 来完成，但是代码会非常麻烦而且很长。所以想知道是否有一种简化的方法可以使用 jQuery 来做到这一点。任何帮助将不胜感激。谢谢。
最佳答案
您可以使用 $("#mainDiv input:checkbox") 选择目标 div 中的所有复选框，并使用 .on("change") 事件计算总值(value)当其中任何一个发生更改时，检查的输入的数量。您可以像下面这样实现。
$('document').ready(function() {
$("#mainDiv input:checkbox").on("change", function(){
var totalValue = 0;
$('#mainDiv :checked').each(function() {
totalValue += parseInt(($(this).val()));
});
$("#TotalValue").val(totalValue)
})
});<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<div id="mainDiv">
<input type="checkbox" value="100" name="Value1" id="Value1">Value 1
<input type="checkbox" value="125" name="Value2" id="Value2">Value 2
<input type="checkbox" value="150" name="Value3" id="Value1">Value 3
<input type="checkbox" value="175" name="Value4" id="Value1">Value 4
<input type="checkbox" value="200" name="Value5" id="Value1">Value 5
</div>
Total Value :<input value="" name="TotalValue" id="TotalValue" />关于javascript - 计算复选框选择的总值(value)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47003197/
27
4
0
创建我用下面的代码制作了分布图: from numpy import * import numpy as np import matplotlib.pyplot as plt sigma = 4.1
我想我已经尝试了这方面的所有方法，但我无法弄清楚这一点。我只是想在用户增加数量时更新表中每一行的总价。到目前为止我已经尝试过 HTML 中的数学:data-bind="text: parseFloat
我的数据库中有一个表，如下所示: id | date | amount ======================== 1 | 2015-01-26 | 1000 2 | 2015-
我有一个条形图，总值通常重叠在上面，如下所示。我尝试减少图形的面积、宽度和高度，这个问题得到解决，但对于其他一些值再次出现，是否有任何永久的解决方案来避免重叠？ 请查找下面的代码 $('#' + d
我一直在四处寻找，似乎找不到这个问题的答案，希望得到任何帮助。 简而言之，我有两个表:付款表和成员(member)表。 我已执行以下操作来查找成员(member) ID 与付款 ID 列中的 ID 匹
我是一名优秀的程序员,十分优秀！