javascript - javascript中多个复选框的总和显示值
问题描述
我有一个 scipt,当我选择一个复选框时,它会显示值,但是如果我选中多个复选框,它会像这样显示
1,2,3
我需要脚本来总结它。
function checkbox() {
var checkboxes = document.getElementsByName('PreiaBani');
var checkboxesChecked = [];
// loop over them all
for (var i = 0; i < checkboxes.length; i++) {
// And stick the checked ones onto an array...
if (checkboxes[i].checked) {
checkboxesChecked.push(checkboxes[i].value);
}
}
document.getElementById("show").value = checkboxesChecked;
}
如何得到总和而不是1,2,3
?
解决方案
要获得总和,您可以使用reduce
方法。
像:
document.getElementById("show").value = checkboxesChecked.reduce((a, b) => a + +b, 0)
推荐阅读
- laravel-5 - 在撰写安装时出现扩展丢失错误
- mysql - 指定 schema.sql 和 data.sql 后,无法使用 Spring Boot 创建 MySQL 表并在其中加载初始数据
- gmail - gmail“或”搜索返回的结果少于其中一个搜索词本身
- python - 具有概率的python列表/字典
- react-native - 从 AsyncStorage 检索数据失败
- python - TypeError: 不支持的操作数类型 -: 'datetime.datetime' 和 'int'
- elasticsearch - GraphQL vs Elasticsearch 我应该使用什么来获得返回许多不同模式的快速搜索性能?
- wordpress - Visual Composer 安装主题后返回错误?
- python - 创建向特定点增加的随机数据
- javascript - 如何在与 li 相同的行上创建删除按钮删除位于同一行的 li