JavaScriptでクリックイベントを発生させる方法

JavaScriptでクリックイベントを発生させる方法を解説します。

ライブラリを使わない素のJavaScript(Vanilla JS)による実装とjQueryを使った場合の両方のサンプルソースコードを紹介します。

例ではすべてのチェックボックスにクリックイベントを発火させる例です。

ライブラリを使わない素のJavaScript(Vanilla JS)による実装

document.querySelectorAll('input[type=checkbox]').forEach(function(element){
	element.addEventListener('click', function(click_element){
		console.log("クリック");
	});
});

jQueryを使った実装

$(document).on('click', 'input[type=checkbox]', function() {
	console.log("クリック");
});