JSFiddle - React, Tailwind, and code Playground

by jhorvath

HTML

<div data-bind="foreach: connections">
    <span data-bind="text: LogicalName"></span>
    <input type="radio" name="g" data-bind="checkedValue: $data, checked: $parent.selectedConnection" />
</div>
<div>
    Output: <span data-bind="text: selectedConnection() ? selectedConnection().LogicalName : 'none'"></span>
</div>

JavaScript

var vm = function() {
    this.connections = ko.observableArray([
        { Id: 1, LogicalName: "LN-1" },
        { Id: 2, LogicalName: "LN-2" },
        { Id: 3, LogicalName: "LN-3" }
    ]);
    this.selectedConnection = ko.observable();
}

ko.applyBindings(new vm());