Demo of enable disable slider by a checkbox using JQuery

HTML

<input type=checkbox id='ckb' checked> <br> <div id="slider">
<div id=d1></div>

JQuery

<script>
$(document).ready(function() {
//////////////////////////
$(function() {
    $( "#slider" ).slider({
value:100,
            min: 0,
            max: 100,
            step: 1,
            slide: function( event, ui ) {
                $( "#d1" ).html( ui.value );
            }

  });
  });
////////////////
$("#ckb").change(function(){
 var ckb_status = $("#ckb").prop('checked');
if(ckb_status){$( "#slider" ).slider( "enable" );}
else{$( "#slider" ).slider( "disable" );}
	});
////////
})
</script>