JSFiddle - React, Tailwind, and code Playground

by Gabriel Rodrigues

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="c">
  <div class="radio">
    <label for="yes3">
      <input type="radio" name="c" id="yes3" checked value="foo"> Yes
    </label>
    <label for="no3">
      <input type="radio" name="c" id="no3" value="bar"> No
    </label>
  </div>
</div>
<button class="btn btn-default">Submit</button>

CSS

body {
  padding: 20px;
}

JavaScript

$('input[type=radio]').attr('disabled', true);
 $('input[type=radio]:checked').each(function() {
   $(this).parent().parent().siblings('input[type=hidden]').val(this.value);
 });