全選択・解除 JavaScript

2008/1/23 水曜日

カテゴリー: JavaScript — hiroki ooiwa @ 12:26:36
/*
	javascript
*/

// 全て選択押下処理
function AllChackInput(objAll){

	// 全ての要素に対して
	for(var i=0;i
		//チェックボックスであれば
		if(document.AllCheck[i].type=="checkbox"){
			document.AllCheck[i].checked = objAll.checked;
		}
	}

}

// 全て選択以外の押下処理
function AllChackOnOut(objMbr){

	// チェックボックスのチェックが外れたら『全て選択』のチェックを外す
	if(objMbr.checked == false){
		document.AllCheck.chk99.checked = false;
		return;
	}

	for(var i=0;i
		//チェックボックスであれば
		if(document.AllCheck[i].type=="checkbox"){
			// 『全て選択』以外全てチェックされていたら
			// 『全て選択』をチェックする
			if(document.AllCheck[i].checked==false
			                 &&
			   document.AllCheck[i].name!="chk99"){
				return;
			}
		}
	}

	document.AllCheck.chk99.checked = true;

}
/*
	html

<div>
<form name="AllCheck">
<input type="checkbox" name="chk99" onclick="AllChackInput(this)" />全選択・解除<br />
<input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
<input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
<input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
<input type="checkbox" onclick="AllChackOnOut(this)" />チェック1
</form>
</div>
*/

コメントはまだありません »

コメントはまだありません。

このコメント欄の RSS フィード トラックバック URL

コメントをどうぞ

Powered by WP Hashcash