エンジニア的な技術的なブログ

webエンジニアの開発の知見を書きます。PHP、javascript、postgres、mysql、あと多少のインフラ周りとか。

jQuery使って、複数チェックボックスを一括でチェック入れる⇔外すの処理

業務系のシステムとかによくある、情報の一覧表示の画面とかでまとめてチェックボックスにチェックを入れたいときの処理(←伝わりにくい...?)

<script type="text/javascript">
function BoxCheck(num){
	var flg = $('#allCheck:checked').val();
	if(flg == 'on'){
		flg = true;
	}else{
		flg = false;
	}
	for(count = 1; count < num; count++){
		$('input[name=check'+count+']').attr("checked", flg); 
	}
}
</script>

そんでhtmlはこう

<input type="checkbox" id="allCheck" onClick="BoxCheck(5);" />

<input type="checkbox" name="check1" />
<input type="checkbox" name="check2" />
<input type="checkbox" name="check3" />
<input type="checkbox" name="check4" />