JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="g1" value="1-1"/>
<input type="radio" name="g1" value="1-2"/>
<input type="radio" name="g1" value="1-3"/><br/>
<input type="radio" name="g2" value="2-1"/>
<input type="radio" name="g2" value="2-2"/><br />
<input type="radio" name="g3" value="3-1"/>
<input type="radio" name="g3" value="3-2"/><br />
<div>Click Me!</div>

JavaScript

$('div').click(function(){
  alert("haha");
);

$('divxxx').click(function(){
    
        var rgroups = 3;
        alert("Haha");
        var checkedRadios = $('input:radio:checked');
        var data = []
        for (radio in checkedRadios) {
            data.push([radio.name(), radio.val()]);
        }
        var msg = JSON.stringify(data);
        alert(msg);
     );