JSFiddle - React, Tailwind, and code Playground

by malet

HTML

<div class="formfield ship">
    <label><input type="radio" class="ship1" name="1" /><span>1</span></label>
    <label><input type="radio" class="ship2" name="1" /><span>2</span></label>
    <label><input type="radio" class="ship3" name="1" /><span>3</span></label>
    <div class="clear"><!-- FLOAT CLEAR --></div>
</div>

JavaScript

$("input[type=radio]").each(function(){
    $(this).click(function(){     
        createCookie($(this).attr("name"), $($(this).siblings()[0]).html(),1);       
    });
});

    
$(document).ready(function(){
    $("input[type=radio]").each(function(){
        var selected = readCookie($(this).attr("name"));
        if(selected != null){
            if($($(this).siblings()[0]).html() == selected){
                $(this).attr("checked","checked");
            }                    
        }    
    });
});


function createCookie(name,value,days) {
    if (days) {
            var date = new Date();
            date.setTime(date.getTime()+(days*24*60*60*1000));
            var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1,c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name,"",-1);
}