JSFiddle - React, Tailwind, and code Playground

by Curt

HTML

<input type="radio" data-customradio="true"/>

CSS

.customradio input
{
    display:none;
}

.customradio a
{
    width:12px;
    height:12px;
    background:red;
    border-radius:50%;
}

JavaScript

var Next.UI.RadioButton = function(){
    
    var _ = {
        Init: function(){
            
            $("input[data-customradio='true']").each(function(i,v){
                _.InitRadio($(this));
            });
            
        },
        InitRadio:function($radio){
            
            var $container = $("<div/>").addClass("customradio");
            $container.append($("<a/>"));
            
            $radio.wrap($container);
            

            
        }
    }
    
    
    return {
        Init: _.Init        
    };    
}();

$(function(){
   Next.UI.RadioButton.Init();    
});