javascript - Javascript 只调用一次函数

标签 javascript jquery html

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

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。选择公制单按钮时,我如何防止调用 tometric 函数。

你可以在这里测试我的意思:JSFiddle

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

最佳答案

看看这个:jsFiddle .

我用“改变”而不是“点击”:

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

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

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

相关文章:

javascript - Jquery 子选择器没有出现

javascript - 如何在jQuery中找到所有被删除的元素

html - margin-top 不适用于 css 中的背景图像

javascript - 如何从异步调用返回响应?

javascript - ng-angular 重复过滤器等于和不等于

javascript - 使用 Javascript 更改 CSS

javascript - 将 css 设置应用于所有可点击元素

javascript - postman 大号问题

javascript - 通过 REST API 上的 GET 请求发送图像数据

javascript - 带有选项卡的 HTML、CSS 和 javascript 编辑器?