JSFiddle - React, Tailwind, and code Playground

by epidemian

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
Press Go! without checking any button in the group.
<form action="#">
  <div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary">
      <input type="radio" name="options" value="one" required>One
    </label>
    <label class="btn btn-primary">
      <input type="radio" name="options" value="two" required>Two
    </label>
    <label class="btn btn-primary">
      <input type="radio" name="options" value="three" required>Three
    </label>
  </div>
  <input type="submit" class="btn" value="Go!">
</form>

CSS

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: inline; /* Override Bootstrap's display: none */
  opacity: 0;
  position: absolute;
  z-index: -1;
}