Preview:
// Obtener todos los checkbox en una matriz
var checkboxes = document.querySelectorAll('input[type="checkbox"]');

// Inicializar la variable que almacenará la suma
var sum = 0;

// Recorrer la matriz de checkbox y sumar los valores seleccionados
for (var i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    sum += parseInt(checkboxes[i].value);
  }
}

// Mostrar la suma en la consola
console.log(sum);

En este código, se utiliza querySelectorAll para obtener todos los checkbox en una matriz. Luego se recorre la matriz y se suman los valores seleccionados utilizando un bucle for. Finalmente, se muestra el resultado de la suma en la consola.

Este es solo un ejemplo de una forma de hacerlo. Hay muchas otras maneras de capturar los valores de múltiples checkbox y sumarlos en JavaScript, y puedes utilizar diferentes enfoques según tus necesidades y preferencia
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter