JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="form-group">
  <input type="hidden" name="a">
  <div class="radio">
    <label for="yes1">
      <input type="radio" name="a" id="yes1" checked> Yes
    </label>
    <label for="no1">
      <input type="radio" name="a" id="no1"> No
    </label>
  </div>
</div>
<div class="form-group">
  <input type="hidden" name="b">
  <div class="radio">
    <label for="yes2">
      <input type="radio" name="b" id="yes2"> Yes
    </label>
    <label for="no2">
      <input type="radio" name="b" id="no2" checked> No
    </label>
  </div>
</div>
<div class="form-group">
  <input type="hidden" name="c">
  <div class="radio">
    <label for="yes3">
      <input type="radio" name="c" id="yes3" checked> Yes
    </label>
    <label for="no3">
      <input type="radio" name="c" id="no3"> No
    </label>
  </div>
</div>
<button class="btn btn-default">Submit</button>

CSS

body {
  padding: 20px;
}

JavaScript

$(document).ready(function() {
  $('input[type=radio]').attr('disabled', true);
})