<div class='col-sm'>
<label><input type='radio' name='r1' id='r1' value='false' >False</label>
</div>
<div class='col-sm'>
<label><input type='radio' name='r1' id='r2' value='true' checked>True</label>
</div>
<input id="spinner" class='selector' value=12 size=6>
<script>
$(document).ready(function() {
////////////////
$( "#spinner" ).spinner();
////////////
var incremental = $( "#spinner" ).spinner( "option", "incremental" );
$('#d1').text( incremental);
/////
$("input:radio[name=r1]").click(function() {
var sel = ($(this).val() == 'true');
$( "#spinner" ).spinner( "option", "incremental", sel );
var incremental = $( "#spinner" ).spinner( "option", "incremental" );
$('#d1').text( incremental);
})
////////////
})
</script>