如何将onclick属性设置为动态生成的输入框

Question

最初我有一个包含特定行数的表和一些包含input控件的列，其中包含click事件处理程序。

当我在表中动态添加行时，如何将onclick属性设置为动态生成的行的input控件？

Answer 1

你应该使用这样的东西：

var input = document.createElement('input');
input.type = 'button';
cell.appendChild(input);
input.onclick = function () {
   alert('Clicked!');
};

以下是jsfiddle中的示例。

Answer 2

假设

1. 您正在使用jquery

2. 某些条件下的某个jquery块正在添加更多元素。

jquery live和更好的on函数可以帮助您。

$('input.yourClass').live('click', function(e) {
  // your code
});

OR

$(document).on('click', 'yourClass', function(e) {
// your code
});

应该这样做。

如果你不使用jquery，生活可能有点困难！

Answer 3

您可以使用以下代码获取文档中的所有输入元素并对其进行操作：

for (a in each=document.getElementsByTagName('input')) { 
console.log(each[a])
) }