Supongamos que tengo la siguiente sección de una forma:cómo acceder casillas de verificación y sus valores con getElementsByName
<td>
<p>
<input type="checkbox" name="faddon" onchange="iaddon()" value="89.00" /><br />
<input type="checkbox" name="faddon" onchange="iaddon()" value="29.00" /><br />
<input type="checkbox" name="faddon" onchange="iaddon()" value="49.00" /><br />
<input type="checkbox" name="faddon" onchange="iaddon()" value="39.00" />
</p>
</td>
<td>
<p>
<input type="checkbox" name="faddon" onchange="iaddon()" value="69.00" /><br />
<input type="checkbox" name="faddon" onchange="iaddon()" value="69.00" /><br />
<input type="checkbox" name="faddon" onchange="iaddon()" value="69.00" /><br />
<input type="checkbox" name="faddon" onchange="iaddon()" value="69.00" />
</p>
</td>
Cada vez que el usuario selecciona o anula la selección de una casilla de verificación, necesito el guión para volver a calcular la variable complemento a la total de todos los valores de los cuadros que se verifican Este es el código que se me ocurrió primero, pero no parece funcionar para mí:
function iaddon() {
addon=0;
av=document.getElementsByName("faddon");
for (e=0;e<av.length;e++) {
if (av[e].checked==true) {
addon+=av[e];
}
}
}
El guión sigue volviendo NaN como el valor del complemento. Al principio, me preguntaba si javascript estaba leyendo los valores como cadenas y no enteros, pero agregar un (x) * 1 alrededor de v [e] no solucionó esto. Luego, leí un poco más en getElementsByName y leí que posiblemente no sea una matriz típica, sino una nodeList.
Soy nuevo en Javascript y no puedo entender después de horas de google cómo manipular esta nodeList. Cualquier ayuda es apreciada. Me gustaría mantener las 8 casillas de verificación en celdas de tabla separadas, por lo que usar algo como childNodes no funcionaría exactamente aquí, hasta donde sé. También me gustaría alejarme de cualquier jQuery en este punto ... Todavía estoy aprendiendo y quiero asegurarme primero de que entiendo cómo hacerlo en un simple javascript. ¡Gracias!
duplicado posible de [Obtener el valor de la casilla de verificación marcada?] (Http: //stackoverflow.com/questions/11599666/get-the-value-of-checked-checkbox) – Siraj