JSFiddle - React, Tailwind, and code Playground

HTML

<input id="clickMe" type="radio" name="filter" value="status" onclick="status()" checked> 
    <div id="check1td"></div>
    <div id="check2td"></div>
    <div id="check3td"></div>
    <div id="check4td"></div>
    <script>
        document.getElementById("clickMe").addEventListener("click", status);
        function status(){
    try{
        var td = document.getElementById("check1td");
        td.innerHTML = "Current (CURR)<input type=\"checkbox\" name=\"skustat1\" value=\"CURR\" checked>";

        td = document.getElementById("check2td");
        td.innerHTML = "Test (TEST)<input type=\"checkbox\" name=\"skustat2\" value=\"TEST\" checked>";

        td = document.getElementById("check3td");
        td.innerHTML = "Stocking Internet (SINET)<input type=\"checkbox\" name=\"skustat3\" value=\"SINET\" checked>";

        td = document.getElementById("check4td");
        td.innerHTML = "Sellable Display (SLDSP)<input type=\"checkbox\" name=\"skustat4\" value=\"SLDSP\" checked>";

    }
    catch(err){
        alert(err.message);     
    }
}
    </script>

CSS

ul {
	background-color:yellow;
	-webkit-columns:3;
    -moz-columns:3;
    columns:3;
}