JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

1) soalan 1
<input type="radio" value="1" class="" name="soalan1"/> Yes
<input type="radio" value="0" class="" name="soalan1"/> No
<br/>
2) soalan 2
<input type="radio" value="1" class="" name="soalan2"/> Yes
<input type="radio" value="0" class="" name="soalan2"/> No
<br/>
3) soalan 3
<input type="radio" value="1" class="" name="soalan3"/> Yes
<input type="radio" value="0" class="" name="soalan3"/> No
<br/>
4) soalan 4
<input type="radio" value="1" class="" name="soalan4"/> Yes
<input type="radio" value="0" class="" name="soalan4"/> No
<br/>
<br/>
<button id="btnCalculate">Calculate</button>

JavaScript

$( '#btnCalculate' ).click( function () {
	
  var sum = 0;
  
  $( ':input:checked' ).each( function ( i, e ) {
  	sum += parseInt( e.value );
  });
  
  alert( "Total checked value is : " + sum );
  
});