jquery slider of checkbox options and get values

I have some checkbox options with values and I need to transform it to slider from first value to last value, like a price filter slider. As the slider moves, options that are out of range become unselected. Exactly like the price slider.

<ul class="filter_group sub38" data-feature="38" data-feature_url="memmorysize">
                    
                    <li class="filter_list first">
                        <label class="filter_label">
                            <input class="filter_input cb2" data-feature_url="" type="checkbox" checked="">
                            <span data-language="83">All</span>
                        </label>
                    </li>
                    
                                            <li class="filter_list">
                            <label class="filter_label">
                                <input class="filter_input cb3" data-option_url="4096" type="checkbox">
                                <span>4096</span>
                            </label>
                        </li>
                                            <li class="filter_list">
                            <label class="filter_label">
                                <input class="filter_input cb3" data-option_url="8192" type="checkbox">
                                <span>8192</span>
                            </label>
                        </li>
                                            <li class="filter_list">
                            <label class="filter_label">
                                <input class="filter_input cb3" data-option_url="12288" type="checkbox">
                                <span>12288</span>
                            </label>
                        </li>
                                            <li class="filter_list">
                            <label class="filter_label">
                                <input class="filter_input cb3" data-option_url="16384" type="checkbox">
                                <span>16384</span>
                            </label>
                        </li>
                                            <li class="filter_list">
                            <label class="filter_label">
                                <input class="filter_input cb3" data-option_url="32768" type="checkbox">
                                <span>32768</span>
                            </label>
                        </li>
                                            <li class="filter_list">
                            <label class="filter_label">
                                <input class="filter_input cb3" data-option_url="40960" type="checkbox">
                                <span>40960</span>
                            </label>
                        </li>
                                                        <div class="show_hide_list sub38" data-feature="38" style="display: none;">Show all</div>
                
                </ul>

I have tried to use this - https://api.jqueryui.com/slider/. But, I can't get this to work. Help me, please.