JSFiddle - React, Tailwind, and code Playground

by smlombardi

HTML

<input type="radio" name="q1" value="loner">
<input type="radio" name="q1" value="partier">
<input type="radio" name="q1" value="clueless">
<input type="radio" name="q1" value="romantic">
<input type="radio" name="q1" value="pragmatic">
<br>
<input type="radio" name="q2" value="loner">
<input type="radio" name="q2" value="partier">
<input type="radio" name="q2" value="clueless">
<input type="radio" name="q2" value="romantic">
<input type="radio" name="q2" value="pragmatic">
<br>
<input type="radio" name="q3" value="loner">
<input type="radio" name="q3" value="partier">
<input type="radio" name="q3" value="clueless">
<input type="radio" name="q3" value="romantic">
<input type="radio" name="q3" value="pragmatic">
<br>
<input type="radio" name="q4" value="loner">
<input type="radio" name="q4" value="partier">
<input type="radio" name="q4" value="clueless">
<input type="radio" name="q4" value="romantic">
<input type="radio" name="q4" value="pragmatic">
<br>

<span> Clickme </span>

<div> </div>

JavaScript

$(document).on('click','span',function(){

var values = ['loner','partier','clueless','romantic','pragmatic'];
var result = [];

$.each( values, function( i, value){
  result.push({
    value: value,
    sum: $('input:radio[value='+value+']:checked').length
  });
});

result.sort( function( a, b ){
  if( a.sum < b.sum ) return +1;
  if( a.sum > b.sum ) return -1;
  return 0;
});

console.log(result);

$('div').text('You are a '+result[0].value );
    
});