JSFiddle - React, Tailwind, and code Playground
HTML
<form id="form1">
<p>Pregunta 1 <br />
1<input type="radio" name="preg1" value="1" checked />
2<input type="radio" name="preg1" value="2" />
3<input type="radio" name="preg1" value="3" />
4<input type="radio" name="preg1" value="4" />
</p>
<p>
Pregunta 2 <br />
1<input type="radio" name="preg2" value="1" checked />
2<input type="radio" name="preg2" value="2" />
3<input type="radio" name="preg2" value="3" />
4<input type="radio" name="preg2" value="4" />
</p>
<input type="Submit" value="Enviar" />
</form>
JavaScript
var form = document.getElementById("form1");
form.addEventListener("submit", function(ev) {
// obtenemos inputs de la forma e incializamos variables
var respuestas = form.getElementsByTagName('input'),
i = 0,
suma = 0;
//cancelamos el submit normal
ev.preventDefault();
//convertimos el html collection a array
var respArray = [].slice.call(respuestas);
//filtramos los inputs a los que sean radio buttons y esten seleccionados
respArray = respArray.filter(function(ele) {
return ele.type === 'radio' && ele.checked;
});
// realizamos la suma Nota. el + es para convertirlo a numero
for(i = 0; i < respArray.length; i++) {
suma += (+respArray[i].value);
}
//muestra resultado
alert('La suma es ' + suma);
});