javascript - 如何根据另一个输入字段使输入字段只读？

Question

我正在制作一个带有两个输入字段的单位转换器，一个用于厘米，另一个用于英寸。我想知道如果另一个字段中有输入，是否可以将其中一个字段更改为只读。这是我的其中一个字段的代码： <input name="cm" class="inputs peach Calibri" type="number" min="0" step="1" />.

任何帮助，将不胜感激。谢谢！

标签： javascripthtml

Answer 1

这将是一个相当好的起点。

let cmInput = document.getElementById("cminput");
let inInput = document.getElementById("inchinput");

cmInput.onkeyup = function(){
  if(cmInput.value !== ""){
    inInput.disabled = true;
  }else{
    inInput.disabled = false;
  }
};

inInput.onkeyup = function(){
  if(inInput.value !== ""){
    cmInput.disabled = true;
  }else{
    cmInput.disabled = false;
  }
};

<input type="text" placeholder="centimetres" id="cminput">
<input type="text" placeholder="inches" id="inchinput">