articles

2009 年 7 月 10 日

jQuery チェックボックスのチェック・解除

CATEGORYjavascriptjQuery  TAG 11:07 PM

#allCheckと#optionAllCheckボタンを押すと#option-areaのチェックボックスが
それぞれチェック・解除される仕組みです。


$(document).ready(function(){
	$("input#allCheck").click(function(){
		checkOption(true);
	});
	
	$("input#allUncheck").click(function(){
		checkOption(false);
	});
});

//オプションのチェックを全部チェックOR解除する
function checkOption(boolean){
	$("#option-area input").attr("checked", boolean);
}