onclick传递按钮的值

时间:2015-12-10 12:44:23

标签: javascript button

我想发送到我的onClick函数,按下按钮的值。

我有这个功能

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

我有5个按钮。我希望他们都使用onClick这个函数,但每个都发送一个不同的值,

他们的价值。

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文件上执行此操作。

谢谢!

2 个答案:

答案 0 :(得分:1)

您可以使用此代码吗?

one.addEventListener("click", function () {
  numfunc(this.value);
}, false);

two.addEventListener("click", function () {
  numfunc(this.value);
}, false);

答案 1 :(得分:1)

您可以使用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 );