JSFiddle - React, Tailwind, and code Playground

by Akram kamal

HTML

<label>Enable</label>
<input type="checkbox" id="test" /> 
<div id="slider"></div>

JavaScript

$(function() {
    $( "#slider" ).slider();
    $( "#slider" ).slider('disable');
    $('#test').change(function() {
        var isChecked = $('#test').prop('checked');
        if(isChecked) {
            $( "#slider" ).slider('enable');
        }
        else {
            $( "#slider" ).slider('disable',false);
        }
    });
  });