Question

现在我有这个范围元素：

<input  type="range" 
        onchange= "calculate();"
        id="sumRange" 
        min="50000" 
        max="500000" 
        value="50000" 
        step= "50000"/>

我想要＆＃34;步骤＆＃34;根据其价值而改变。例如，如果该值小于200000，则step = 5000，如果大于200000，则step = 50000.

我该怎么做？我是否创建了一个简单的函数＆＃34; if＆＃34;语句并使其在范围的变化上运行？

我见过的所有例子都涉及到jQuery或其他东西，我能不这样做吗？

Answer 1

见下文，根据需要更改范围

＆＃13;

<input  type="range" 
        onchange= "calculate();"
        id="sumRange" 
        min="50000" 
        max="500000" 
        value="50000" 
        step= "50000"/>

＆＃13;

fewf5677
kskfj654
pqoen444
mgnwo888

＆＃13;

Answer 2

这是使用jquery

在计算函数中可以执行的操作

  calculate = function() {
  if ($('#sumRange').attr('value') < 200000 ) {
     $('#sumRange').attr('step',5000);
  } else {
     $('#sumRange').attr('step',50000);
  }

Answer 3

＆＃13;

var sumRange = document.getElementById(“sumRange”);
sumRange.oninput = function(){
  var value = this.value;
  if (value > 20000) {
     this.step = 50000;
 } else {
     this.step=5000;
  }

＆＃13;

根据它的值更改范围元素的步骤

3 个答案: