JSFiddle - React, Tailwind, and code Playground

by jdanyow

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-debug.js"></script>
<div id="view">
    <label><input type="radio" name="test" data-bind="checked: a, checkedValue: true" />Option A</label><br/>
    <label><input type="radio" name="test" data-bind="checked: b, checkedValue: true" />Option B</label><br/>
    <label><input type="radio" name="test" data-bind="checked: c, checkedValue: true" />Option C</label><br/>
    <label><input type="radio" name="test" data-bind="checked: d, checkedValue: true" />Option D</label><br/>
    <!-- ko text: '{ a: ' + a() + ', b: ' + b() + ', c: ' + c() + ', d: ' + d() + ' }' --><!-- /ko -->
</div>

JavaScript

var viewmodel = {
        a: ko.observable(false),
        b: ko.observable(true),
        c: ko.observable(false),
        d: ko.observable(false),
    },
    view = document.getElementById('view');

ko.applyBindings(viewmodel, view);

setTimeout(function() {
    viewmodel.a(false);
    viewmodel.b(false);
    viewmodel.c(false);
    viewmodel.d(true);
}, 2000);