JSFiddle - React, Tailwind, and code Playground

by GrumJim

HTML

<fieldset data-role="controlgroup" data-type="vertical">
    <input type="radio" name="radio" id="x" data-theme="a" />
    <label for="x" style="color: White">X</label>
    <input type="radio" name="radio" id="y" onclick="axisonoff(this)" data-theme="a" />
    <label for="y" style="color: White">Y</label>
    <input type="radio" name="radio" id="z" data-theme="a" />
    <label for="z" >Z</label>
    <input type="radio" name="radio" id="none" data-theme="a" />
    <label for="none" style="color: White">None</label>
</fieldset>


<button id = "Refresh" value="Refresh">Refresh</button>

JavaScript

$(document).ready(function () {
    $("#none").prop("checked", true).checkboxradio("refresh");

});

$("#Refresh").click(function(){
        $("#x, #y, #z").prop("checked", false).checkboxradio("refresh");
        $("#none").prop("checked", true).checkboxradio("refresh");
});