如何在javascript中使用onchange事件使用2个文本框时将文本框重置为零值?

时间:2017-03-08 04:22:16

标签: javascript html textbox onchange

如果我使用两个文本框将测量值转换为另一个。它不应该将值重置为零。但是,我使用两个以上的文本框,它应该将所有文本框重置为零值。

我可以使用onsubmit和onclick事件简单地执行此操作,但是在使用onchange事件时如何执行此操作?由于每个文本框都有自己的方法或功能。我搞不清楚了。有没有办法知道我是否使用了超过2个文本字段并将其重置为零?



function convertfttocm(feet) {
  var cm = feet * 12 * 2.54;
  document.getElementById("ansfeet").value = cm.toFixed(2);
}

function feet(feet) {
  var feet = 0;
  document.getElementById("feet").value = cm.toFixed(2);
}

function convertkmtomi(kilometres) {
  var mi = kilometres * (1 / 1.609344);
  document.getElementById("anskm").value = mi.toFixed(2);
}

function kilometres(kilometres) {
  var kilometres = 0;
  document.getElementById("km").value = mi.toFixed(2);
}

function convertcmtoin(centimetre) {
  var inch = centimetre * (1 / 2.54);
  document.getElementById("anscm").value = inch.toFixed(2);
}

function centimetres(centimetres) {
  var centimeres = 0;
  document.getElementById("cm").value = inch.toFixed(2);
}

Feet to Centimetre<br>
<input type="number" name="feet" id="feet" onchange="convertfttocm(this.value);"><br>
<input type="number" name="ansfeet" id="ansfeet" onchange="feet(this.value)"><br><br> 

Kilometres to Miles<br>
<input type="number" name="km" id="km" onchange="convertkmtomi(this.value);"><br>
<input type="number" name="anskm" id="anskm" onchange="kilometres(this.value);"><br><br>

Centimetres to Inches<br>
<input type="number" name="cm" id="cm" onchange="convertcmtoin(this.value);"><br>
<input type="number" name="anscm" id="anscm" onchange="centimetres(this.value);">
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我不确定我是否完全理解您的问题,但由于您正在编写所有计算和条件,您可以执行以下操作。例如:

function convertkmtomi(kilometres) {
  var mi = kilometres * (1 / 1.609344);
  document.getElementById("anskm").value = mi.toFixed(2);
  document.getElementById("_YOURID_").value = '';
}

您可以应用所有排列,看看这是否适合您。