btn.addEventListener("click", updateResult); function updateResult(){ chked = document.querySelectorAll('input[type="checkbox"]:checked').length; array = []; var checkboxes = document.querySelectorAll('input[type=checkbox]:checked') for (var i = 0; i < checkboxes.length; i++) { array.push(checkboxes[i].value) } sum = 0; for (var e = 0; e < array.length; e++) { sum += Number(array[e]); } total = sum + chked; if (total < 7) { result = "Low"; } else if (total > 14) { result = "High"; } else { result = "Moderate"; } document.getElementById("p").innerHTML = ""; document.getElementById("p").textContent += total + " " + result; } <input type="checkbox" value="5"/> Value (5) <br/> <input type="checkbox" value="2"/> Value (2) <br/> <input type="checkbox" value="2.5"/> Value (2.5) <br/> <input type="checkbox" value="38"/> Value (38) <br/> <input type="checkbox" value="7.5"/> Value (7.5) <br/> <input type="checkbox" value="2.3"/> Value (2.3) <br/><br/> <button Id="btn">Update</button> <br/> <p id="p"></p>Tengo un formulario en el que tomo la suma del número total de casillas marcadas más el valor total asociado con la casilla marcada. Los valores suelen tener decimales (es decir, 2,5).
Estoy desarrollando esto en un formulario de Elementor para WP usando html para la lista de casillas de verificación y Javascript para generar el resultado. El resultado se muestra correctamente en la página real; sin embargo, cuando el resultado se envía por correo electrónico, se mantiene por defecto en la declaración else.
Intenté usar parseFloat en la comparación <> sin cambios en el resultado. No estoy muy versado en JS y estoy completamente perdido en este punto, cualquier ayuda es muy apreciada.
chked = document.querySelectorAll('input[type="checkbox"]:checked').length; array = []; var checkboxes = document.querySelectorAll('input[type=checkbox]:checked') for (var i = 0; i < checkboxes.length; i++) { array.push(checkboxes[i].value) } sum = 0; for (var e = 0; e < array.length; e++) { sum += Number(array[e]); } total = sum + chked; result = " "; if(total < 7) { result = "Low"; } else if(total > 14) { result = "High"; } else { result = "Moderate"; } return result;Gracias chicos, lo descubrí. Barmar me hizo pensar... es un formulario de varios pasos y tengo una casilla de verificación en el último paso para aceptar los Términos de uso. Ese era el problema. Momento de Face Palm para mí, agradezco la asistencia.