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