Question

我有一个数字输入表格：

<input type='number' id='select-number'>Pick A number

我有以下问题：

1：默认的上升增量为1（当您单击数字输入上的向上箭头时，它会增加每次点击一次的值。）如何更改？我希望它的值上升到0.1（十分之一）。我该怎么做？

2：其次，我有两个变量：

feet=true;
meters=false;

一个永远是真的，另一个是假的。如何更改＆＃34; max＆＃34;属性（使用Javascript）基于这两个变量中的哪一个是真的？这两个变量来自这样的代码：

<input type='radio' id='feet' name='unit_of_measurement'>Feet
<input type='radio' id='meters' name='unit_of_measurement'>Meters
<script>
feet=document.getElementById('feet').checked;
meters=document.getElementById('meters').checked;
</script>

如果变量＆＃34;脚＆＃34;如果是，则输入的最大值（Id =＆＃39; select-number＆＃39;）需要为3.如果是米，则需要为8。

我该怎么做（^），如何更改上升增量？谢谢你的帮助。

注意：仅限香草Javascript，请

Answer 1

1）要更改输入步骤，只需使用step=".1"标记内的input。

2）要更改无线电更改的最大值，请添加onchange="change()"，根据选中的内容设置最大值和/或步数

HTML

<input type='radio' id='feet' name='unit_of_measurement' onchange="change()" checked>Feet
<input type='radio' id='meters' name='unit_of_measurement' onchange="change()">Meters

JS

function change() {
  feet = document.getElementById('feet').checked;
  meters = document.getElementById('meters').checked;
  selectNumber = document.getElementById('select-number');
  if (feet) {
      selectNumber.max = 300;
      selectNumber.step = 1;
  } else {
      selectNumber.max = 100;
      selectNumber.step = .3;
  }
};

fiddle或fiddle 2

Answer 2

可以使用step属性

修改默认的上升增量

<input type="number" name="quantity" step="0.1">

可以通过获取DOM元素的句柄来访问（设置和获取）任何属性。

oldValue = document.getElementById('#<id>').propertyName;  //get
document.getElementById('#<id>').propertyName = newValue;  //set

如何更改HTML数字输入中的Uptick增量

2 个答案: