JSFiddle - React, Tailwind, and code Playground

by rsolomonjr1

HTML

<input type="radio" name="radio1" id="Radio0" checked="checked" data-waschecked="true" />
<input type="radio" name="radio1" id="Radio1" />
<input type="radio" name="radio1" id="Radio2" />
<input type="radio" name="radio1" id="Radio4" />
<input type="radio" name="radio1" id="Radio3" />
<hr />
<input type="radio" name="radio2" id="Radio8" checked="checked" data-waschecked="true" />
<input type="radio" name="radio2" id="Radio9" />
<input type="radio" name="radio2" id="Radio10" />
<input type="radio" name="radio2" id="Radio11" />
<input type="radio" name="radio2" id="Radio12" />

JavaScript

$(function(){
    $('input[type="radio"]').click(function(){
        var $radio = $(this);
        
        // if this was previously checked
        if ($radio.data('waschecked') == true)
        {
            $radio.prop('checked', false);
            $radio.data('waschecked', false);
        }
        else
            $radio.data('waschecked', true);
        
        // remove was checked from other radios
        $radio.siblings('input[name="rad"]').data('waschecked', false);
    });
});