チェックボックスを配列として扱う

サンプル

2:トラ
3:鵜
4:サル
5:トリ
※結果はコンソールへ出力します。F12キーで確認してください。

ソースコード

HTML

		<label><input class="animal" type="checkbox" value="2" />2:トラ</label><br>
		<label><input class="animal" type="checkbox" value="3" />3:鵜</label><br>
		<label><input class="animal" type="checkbox" value="4" />4:サル</label><br>
		<label><input class="animal" type="checkbox" value="5" />5:トリ</label><br>
		

JavaScript

		var ary=[];
		var obj={};
	 	$(".animal").each(function (index, elm) {

	 		//チェックボックスリストのチェック状態を配列で取得する。
	 		var flg=$(elm).prop('checked');
	 		ary.push(flg);

	 		var v=$(elm).val();
	 		obj[v]=flg;



		 });

		console.log('チェック状態配列');
		console.log(ary);

		console.log('チェック状態連想配列');
		console.log(obj);