title: jQuery UI : Select a value with presets (checkboxradio) and a spinner
body: <p>Fairly new to jQuery library, I'm trying to implement the following:
  <a href="https://i.stack.imgur.com/nafzR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nafzR.png" alt="enter image description here"></a></p>
  
  <p>I've managed to bind the values of the control group to a variable, but I want to offer the user the possibility to enter a custom value in the spinner attached to the "Custom" checkbox. </p>
  
  <p>Here are samples of the code I'm working on:
  (JavaScript)</p>
  
  <pre><code>$(function() { 
      /** Truncated code **/
  
      var intervalId, intervalDelay = 1000;
      var spinner = $( "#spinner" ).spinner();
  
      function handleSpeed(e) {
          intervalDelay = $(e.target).val();
      };
      $(".speed-bar").controlgroup();
      $("[name='speed']").on( "change", handleSpeed);
      $("[name='speed']").checkboxradio({
          icon: false
      })
  } );
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="speed-wrap"&gt;
      &lt;div class="speed-bar"&gt;
          &lt;label for="speed-rt"&gt;Real Time (2mn)&lt;/label&gt;
          &lt;input type="radio" name="speed" id="speed-rt" value=120000&gt;
          &lt;label for="speed-2x"&gt;x2 (1mn)&lt;/label&gt;
          &lt;input type="radio" name="speed" id="speed-2x" value=60000&gt;
          &lt;label for="speed-5x"&gt;x5 (24s)&lt;/label&gt;
          &lt;input type="radio" name="speed" id="speed-5x" value=24000&gt;
          &lt;label for="speed-60x"&gt;x60 (2s)&lt;/label&gt;
          &lt;input type="radio" name="speed" id="speed-60x" value=2000 checked&gt;
          &lt;label for="custom"&gt;Custom&lt;/label&gt;
          &lt;input type="radio" name="speed" id="custom"&gt;
          &lt;input id="spinner" name="spinner"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strike>Side-quest: Is there an easy way to make the spinner height the same as the other buttons?</strike>
  <code>spinner.height(15);</code></p>