有什麼辦法可以防止範圍輸入選擇/滑動小於當前值嗎?例如,如果我的範圍輸入的設置值爲500,例如<input type="range" min="0" max="10000" step="1" value="500">
,並且不希望用戶將範圍句柄向左/小於當前值500(僅限右/超過500)滑動。防止範圍字段選擇小於當前值
0
A
回答
0
您可以使用min屬性,但是如果你需要的最小值限制的實際值,您可以:
- 保存當前值
- 偵聽範圍的變更,如果值小於....
的片段:
$(function() {
// save the value
var minValue = +$('input[type="range"]').val();
$('input[type="range"]').on('input', function(e) {
// if the value is below minValue...
if (+$(this).val() < minValue) {
$(this).val(minValue);
}
$('#rVal').text('Range vaalue is: ' + $(this).val());
}).trigger('input');
});
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<form>
<p id="rVal"></p>
<input type="range" min="0" max="10000" step="1" value="500" style="width: 100%;">
</form>
0
相關問題
- 1. 選擇兩個字段的範圍
- 2. 日期範圍選擇器 - 24小時範圍選擇
- 3. 根據以前的選擇字段值篩選選擇字段
- 4. Django字段選擇兩個值之間的範圍?
- 5. JQuery。前當前防止選擇時間TimePicker
- 6. 選擇當前月份到下個月份的日期範圍日期範圍
- 7. 日期範圍選擇器在結束範圍內獲取當前日期
- 8. MySQL選擇字段小於和大於值
- 9. SSRS按值範圍分組:選擇值時更改範圍
- 10. 明確選擇複選框範圍值
- 11. DYGRAPHS:顯示警告時,禁止小圖的範圍內選擇
- 12. 選擇字段取決於當前類的計數()
- 13. 選擇字段值減去以前的字段值
- 14. 選擇基於當前日期的日期範圍之間的行數
- 15. sqlite3的由數字範圍,擴大選擇字段,PT2
- 16. 防止使用fullcalendar默認選擇當前日期
- 17. Jquery驗證 - 取決於選擇值的2個範圍值
- 18. jq:選擇範圍
- 19. 選擇從範圍
- 20. 選擇由範圍
- 21. gmaps4rails選擇範圍
- 22. Mysql範圍選擇
- 23. 基於另一列選擇範圍
- 24. 選擇最合適的整數大小/範圍用於變量
- 25. 基於當前日期更改範圍驗證器的值
- 26. 選擇基於字段值多行
- 27. 查找並選擇範圍內的值
- 28. 選擇多個列的值範圍
- 29. 在mysql中選擇一個值範圍
- 30. 如何選擇範圍內的值
太棒了!到底我在找什麼......謝謝! – user1260074