onclick传递按钮的值

onclick passing on value of button

本文关键字：按钮 onclick      更新时间：2023-09-26

我想把按下它的按钮的值发送给我的onClick函数。

我有这个功能

numfunc = function (val) {
     var t = document.createTextNode(val);
     document.body.appendChild(t);
};

我有5个按钮。我希望他们都在点击时使用这个功能，但每个都发送不同的值，

他们的价值。

var one = document.createElement("input");
one.type = "submit";
one.onclick = numfunc;
one.value = "1";
var two = document.createElement("input");
two.type = "submit";
one.onclick = numfunc;
two.value = "2";

等等…

我正在尝试这样做，在javascript上，而不是在html文件上。

谢谢！

您可以使用this.value来获取函数numfunc中的值，不需要发送参数，请查看下面的示例。

希望这能有所帮助。

numfunc = function (val) {
  var t = document.createTextNode(this.value);
  document.body.appendChild(t);
};
var one = document.createElement("input");
one.type = "submit";
one.onclick = numfunc;
one.value = "1";
var two = document.createElement("input");
two.type = "submit";
two.onclick = numfunc;
two.value = "2";
document.body.appendChild( one );
document.body.appendChild( two );

你能用这个代码吗？

one.addEventListener("click", function () {
  numfunc(this.value);
}, false);
two.addEventListener("click", function () {
  numfunc(this.value);
}, false);
相关文章：