<input type=checkbox id='ckb' checked> Enable <div id="progress_bar"></div>
<script>
$(document).ready(function() {
//////////////////////////
$( "#progress_bar" ).progressbar({
value: 40,
max:100,
min:0
});
//////Checkbox change function///////////
$("#ckb").change(function(){
var ckb_status = $("#ckb").prop('checked');
if(ckb_status){
$("#progress_bar").progressbar( "enable" );
}else{
$("#progress_bar").progressbar( "disable" );
}
});
///////////////
})
</script>
Most Popular JQuery Scripts | |
1 | Two dependant list boxes |
2 | Calendar with Date Selection |
3 | Data change by Slider |
4 | Show & Hide element |