JSFiddle - React, Tailwind, and code Playground

HTML

<p>Send me spam: <input type="checkbox" data-bind="checked: wantsSpam" /></p>
<div data-bind="visible: wantsSpam">
    Preferred flavor of spam:
    <div><input type="radio" name="flavorGroup" value="cherry" data-bind="checked: spamFlavor, click:click" /> Cherry</div>
    <div><input type="radio" name="flavorGroup" value="almond" data-bind="checked: spamFlavor, click:click" /> Almond</div>
    <div><input type="radio" name="flavorGroup" value="msg" data-bind="checked: spamFlavor, click:click" /> Monosodium Glutamate</div>
</div>

JavaScript

var viewModel = {
        wantsSpam: ko.observable(true),
        spamFlavor: ko.observable('cherry'),
        click: function(data){console.log(data); return true; }
    };
     
ko.applyBindings(viewModel);