jquery - 选中复选框时如何更新滑块最大值
问题描述
我整个上午都在做这个。我在这里查看了各种答案,但似乎无法让它们中的任何一个起作用。
这是我的 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");}
警报正在工作,但我似乎无法更改滑块上的最大选项。
我敢肯定这是一件愚蠢的事情,但我已经盯着它看了很长时间,以至于我似乎看不到它。
帮助?
解决方案
试试这个:重要 - 删除 onClick 事件。
$(document).ready(function() {
$('#200Box').change(function() {
if(this.checked) {
$("#destinationSpecialistSlider").attr('max', 7500).val(0);
}else
{
$("#destinationSpecialistSlider").attr('max', 1500).val(0);
}
});
});
推荐阅读
- javascript - 如何在 nodejs 中添加 Bearer 令牌以请求 post 方法?
- r - 从 ID 列中提取名称(创建一个新向量,每次出现仅出现一次)
- amp-html - https://cdn.ampproject.org/caches.json中thirdPartyFrameDomainSuffix是什么意思
- java - 有没有办法避免 BigInteger/BigDecimal?
- heroku - 如何从 Heroku 中删除 Gradle Kotlin,并仅部署 fatJar?
- java - 使用 Hashmap / 其他方法减少多次操作字符串的运行时间
- python - 将带有属性的标签附加到带有 minidom 的 XML
- javascript - 调整窗口大小时猫头鹰轮播出现问题
- angular - 具有空列的 Css 网格布局
- microsoft-edge - Edge 扩展在提交时未能通过包合规性测试