Question

我整个上午都在努力。我在这里查看了各种答案，但似乎无法使它们起作用。

这是我的HTML：

<input type="checkbox" class="form-check-input" name="200" id="200Box" value="1" onClick="open200()">

 <input id="destinationSpecialistSlider" name="destinationSpecialistSlider" class="no-border w-75" type="range" value="0" min="0" max="1500" step="100" style="height: 0.5em" oninput="destinationSpecialistSlider_disp.value = destinationSpecialistSlider.value">
           <div>
           <p>$<output  id="destinationSpecialistSlider_disp" class="m-0" style="height: 1.5em">0</output></p></b>
           </div>

还有我的jQuery：

function open200(){

  if($(document.getElementById('200Box')).is(":checked"))  

                alert("yes"),

                    $("#destinationSpecialistSlider").slider('option',{min: 0, max: 7500});

                else

                alert("no");}

警报正在运行，但我似乎无法更改滑块上的max选项。

我确定这是愚蠢的，但是我一直盯着它看了很久，以至于看不到它。

帮助？

Answer 1

尝试一下：重要-删除onClick事件。

$(document).ready(function() {

    $('#200Box').change(function() {
        if(this.checked) {
           $("#destinationSpecialistSlider").attr('max', 7500).val(0);

        }else
        {
           $("#destinationSpecialistSlider").attr('max', 1500).val(0);
        }

    });
});

选中复选框时如何更新滑块最大值

1 个答案: