JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
<div class="content-panel">
<div>
<label class="field-label" for="ReferenceFilesAsArchiveLinks">Reference Files As Archive Links</label>
<input class="styled-checkbox" data-bind="value: ReferenceFilesAsArchiveLinks, checked: ReferenceFilesAsArchiveLinks, " data-val="true" data-val-required="The Reference Files As Archive Links field is required." id="ReferenceFilesAsArchiveLinks" name="ReferenceFilesAsArchiveLinks" type="checkbox" value="false"><input name="ReferenceFilesAsArchiveLinks" type="hidden" value="false"><label for="ReferenceFilesAsArchiveLinks"> </label>
</div>
</div>
<div class="content-panel">
<div>
<label class="field-label" for="UpdateFilePaths">Update Repository File Paths</label>
<input class="styled-checkbox" data-bind="value: UpdateFilePaths, checked: UpdateFilePaths, " data-val="true" data-val-required="The Update Repository File Paths field is required." id="UpdateFilePaths" name="UpdateFilePaths" type="checkbox" value="true"><input name="UpdateFilePaths" type="hidden" value="false"><label for="UpdateFilePaths"> </label>
</div>
</div>
<div class="content-panel">
<div>
<label class="field-label" for="UpdateLinkedFileLocations">Update Linked File Paths</label>
<input class="styled-checkbox" data-bind="value: UpdateLinkedFileLocations, checked: UpdateLinkedFileLocations, " data-val="true" data-val-required="The Update Linked File Paths field is required." id="UpdateLinkedFileLocations" name="UpdateLinkedFileLocations" type="checkbox" value="false"><input name="UpdateLinkedFileLocations" type="hidden" value="false"><label for="UpdateLinkedFileLocations"> </label>
</div>
</div>
update linked: <div data-bind="text: UpdateLinkedFileLocations" /> update file: <div data-bind="text:...
JavaScript
function ViewModel() {
self.UpdateLinkedFileLocations = ko.observable(false);
self.UpdateFilePaths = ko.observable(false);
self.ReferenceFilesAsArchiveLinks = ko.observable(false);
}
ko.applyBindings(new ViewModel());