JavaScriptで複数追加されたinputボタンのどれを押したか

jQuery・JS

JavaScriptで、その時々によって違うinputボタンを生成して追加するような場合、そのinputボタンのどれかをクリックしたとき、押したボタンがどれか判定して処理をする方法について。

JavaScriptを使用する方法だと、inputにonclickを使う方法が思いついたのでメモします。

$(function() {
	for(var i = 1; i < 10; i++) {
		$("#input-button").append('<input type="button" value="ボタン'+i+'" name="button'+i+'" onclick="selectbutton('+i+')" />');
	}
});

function selectbutton(i) {
		alert("ボタン"+this+"クリックしました");
}

生成したinputタグのonclickの関数に変数をセットしておいて、ボタンをクリックしたときに変数(i)をもとにクリックされたボタンを関数で処理するのが上のプログラムです。

スポンサーリンク

コメント

タイトルとURLをコピーしました