【问题标题】:input type range fixed between min and max value输入类型范围固定在最小值和最大值之间
【发布时间】:2015-09-09 12:47:51
【问题描述】:

我想将拖动输入类型的范围固定在最大值和最小值之间。我的输入类型范围的最小值为 0,最大值为 100。我想将这个阻力控制在 20 到 80 之间。

怎么办??

附:我使用的是普通的 jQuery。

我做了这么多,现在我想控制它在一个范围之间的拖动,但我想显示 100% 的范围,用户只能在 20 到 80 之间拖动

[code Fiddle][1]

我在stackover中找到了这个链接。我试图编辑它,但我找不到解决方案。

Fiddle

【问题讨论】:

  • 请分享一些相关代码,以便我们更好地帮助您
  • 请分享一些代码,我可以帮助你。
  • 您不只需将“min”和“max”值分别更改为 20 和 80 吗?
  • 您是否只想在 0 到 100 的输入范围内从 20 拖动到 80。
  • 是的,Ezhil。我想在 0 到 100 的输入范围内拖动 20 到 80

标签: jquery html input types range


【解决方案1】:

演示:http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html 检查设置“最大间隔大小:”演示

<script>
$("#range_120").ionRangeSlider({
type: "double",
min: 0,
max: 100,
from: 30,
to: 70,
max_interval: 50   
});
 <script>

【讨论】:

  • 设置 max_interval: 60 以在 20 到 80 之间进行选择。
【解决方案2】:

这可以使用 HTML5 Range 滑块来完成:

<input id="slider1" type="range" min="20" max="80" step="10" />

来源:http://www.html5tutorial.info/html5-range.php

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-25
    • 2016-05-22
    • 1970-01-01
    • 2020-08-27
    • 2014-03-22
    • 1970-01-01
    相关资源
    最近更新 更多