JavaScriptチェックボックス変更でイベントを発生させる

チェックボックスを変更した時にイベントを発生させるためのサンプルです。
jQueryは使わずに実装する(Vanilla JS)のが近年の潮流です。

コピペで使えるサンプル

<script>

	//チェックボックスすべてループ
	document.querySelectorAll('input[type=checkbox]').forEach(function(element){

		console.log(element);

		//チェックを変更すると発生するイベントを設置
		element.addEventListener('change', function(click_element){
			console.log(click_element);
			console.log(element.checked);

			//ここにイベントの内容を記述


		});
	});

</script>