articles

2010 年 1 月 27 日

jQuery :checkboxを使った事がなかった

CATEGORYjQuerySelectors   TAG 8:02 PM

IDがspan_existsのチェックボックスをのチェックで
日付フォームの表示を切り替える。
こんなセレクタがいくのかと思ってましたが、いくもんですね。

$(":checkbox#span_exists").change(function(){
	$("#span_area").toggle();
});

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);
}