title: Create rule for one select in radio button
body: <p>I would like to create a rule where I would oblige the user to select only one radio value. However, when the button is cycled, it allows to select several and in addition to not let the user remove click</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var now = document.getElementsByName("now");
  var day = document.getElementsByName("day");
  var week = document.getElementsByName("week");
  
  if ($("#now").prop("checked", true)) {
  
      day[0].checked = false
      week[0].checked = false
  
  } else if ($("#day").prop("checked", true)) {
  
      now[0].checked = false
      week[0].checked = false
  
  } else if ($("#week").prop("checked", true)) {
  
      now[0].checked = false
      day[0].checked = false
  
  } else {
      console.log("undefined radio")
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;Select action&lt;/h1&gt;
  &lt;br&gt;
  &lt;label class="control control--radio"&gt;Shoot Now
      &lt;input type="radio" name="now" id="now" value="now" autofocus/&gt;
      &lt;div class="control__indicator"&gt;&lt;/div&gt;
  &lt;/label&gt;
  &lt;label class="control control--radio"&gt;Shoot 1x a day
      &lt;input type="radio" name="day" id="day" value="0 * * * *" autofocus/&gt;
      &lt;div class="control__indicator"&gt;&lt;/div&gt;
  &lt;/label&gt;
  &lt;label class="control control--radio"&gt;Shoot 1x a week
      &lt;input type="radio" name="week" id="week" value="0 * * * 1" autofocus/&gt;
      &lt;div class="control__indicator"&gt;&lt;/div&gt;
  &lt;/label&gt;
  &lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>