javascript - 仅一次调用函数

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

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

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

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

当用户单击Metric单选按钮时，将调用函数toMetric。在函数toMetric中，我将用户在英制中输入的内容转换为公制，并用公制值更新输入框。问题是，如果选择了Metric，他再次单击Metric单选按钮，则再次调用函数toMetric。当选择Metric单选按钮时，如何防止调用toMetric函数。
你可以在这里测试我的意思：JSFiddle
只需输入3个值并多次单击“公制”或“英制”单选按钮。

最佳答案

看看这个：jsFiddle。
我用“改变”而不是“点击”：

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

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

关于javascript - 仅一次调用函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22313085/