javascript - 動的に生成された入力ボックスに onclick プロパティを設定する方法

Question

input最初に、特定の行数と、クリック イベント ハンドラーを持つコントロールを含むいくつかの列を持つテーブルがあります。

inputテーブルに行を動的に追加する場合、動的に生成された行のコントロールにonclick プロパティを設定するにはどうすればよいですか?

Answer 1

次のようなものを使用する必要があります。

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

これがjsfiddleの例です。

Answer 2

次のコードを使用して、ドキュメント内のすべての入力要素を取得して操作できます。

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

Answer 3

仮定

1. あなたはjqueryを使用しています

2. いくつかの条件でいくつかのjqueryブロックがいくつかの要素を追加しています。

jqueryliveとより優れたon関数は、それを支援します。

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

また

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

トリックを行う必要があります。

jquery を使用していない場合、人生は少し難しいものになる可能性があります。