JSFiddle - React, Tailwind, and code Playground

HTML

<div data-bind="visible:wizPage() == '1'">
    <h1>Welcome</h1>
    <label>Page 2</label><input type="radio" value="p2" data-bind="checked:radioSelected" />
    <label>Page 3</label><input type="radio" value="p3" data-bind="checked:radioSelected" />
</div>
<div data-bind="visible:wizPage() == '2'">
    <h1>Some Option</h1>
    <label>Page 3</label><input type="radio" value="p3" data-bind="checked:radioSelected" />
    <label>Start Over</label><input type="radio" value="p1" data-bind="checked:radioSelected" />
</div>
<div data-bind="visible:wizPage() == '3'">
    <h1>Another Option</h1>
    <label>Page 2</label><input type="radio" value="p2" data-bind="checked:radioSelected" />
    <label>Start Over</label><input type="radio" value="p1" data-bind="checked:radioSelected" />
</div>

JavaScript

var viewModel = (function () {
    var radioSelected = ko.observable();
    var wizPage = ko.computed(function () {
        if (radioSelected() == 'p2') {
            return '2';
        }
        else if (radioSelected() == 'p3') {
            return '3';
        }
        else {
            return '1';
        }
    });
    return {
        wizPage: wizPage,
        radioSelected:radioSelected
    };
}());

console.debug("ViewModel:", viewModel);
ko.applyBindings(viewModel);