仅一次调用函数

Question

我创建了一个单选按钮，用户可以在其中选择公制或英制单位。 以下代码是事件处理程序：

var metricRadio = document.getElementById("metric");
var imperialRadio = document.getElementById("imperial");

metricRadio.addEventListener("click", toMetric, false);

imperialRadio.addEventListener("click", toImperial, false);

当用户单击“度量”单选按钮时，将调用toMetric函数。 在toMetric函数中，我将用户在Imperial中输入的内容转换为Metric，并使用Metric值更新输入框。 问题在于，如果选择了“度量标准”，然后他再次单击“度量标准”单选按钮， toMetric再次调用toMetric函数。 选择“度量”单选按钮时，如何防止调用toMetric函数。

您可以在这里测试我的意思： JSFiddle

只需输入3个值，然后多次单击“公制”或“英制”单选按钮。

Answer 1

看一下： jsFiddle 。

我使用“更改”而不是“点击”：

metricRadio.addEventListener("change", toMetric, false);

imperialRadio.addEventListener("change", toImperial, false);

Answer 2

您应该添加一个包含当前状态（公制或英制）的变量，并在您的函数中使用if条件测试当前状态，而不是尝试仅一次调用一个函数（您可以设置变量）。