jQueryを使ってラジオボタンでグループ表示を選択するデモページ

• すべて表示
• グループ 1
• グループ 2

2008/10/02

グループ 1のタイトルタイトルタイトルタイトルタイトルタイトル

2000/10/01

グループ 2のタイトルタイトルタイトルタイトルタイトルタイトル

2008/10/02

グループ 1のタイトルタイトルタイトルタイトルタイトルタイトル

2000/10/01

グループ 2のタイトルタイトルタイトルタイトルタイトルタイトル

2008/10/02

グループ 1のタイトルタイトルタイトルタイトルタイトルタイトル

2000/10/01

グループ 2のタイトルタイトルタイトルタイトルタイトルタイトル

2008/10/02

グループ 1のタイトルタイトルタイトルタイトルタイトルタイトル

2000/10/01

グループ 2のタイトルタイトルタイトルタイトルタイトルタイトル

2008/10/02

グループ 1のタイトルタイトルタイトルタイトルタイトルタイトル

2000/10/01

グループ 2のタイトルタイトルタイトルタイトルタイトルタイトル

Javascript

jQuery( document ).ready( function() {
	if ( jQuery( "input[@name='switch']:checked").val() == undefined ) {
		var val = "all";
		} else {
			var val = jQuery( "input[@name='switch']:checked").val();
		}
		show(val);
		
		jQuery( ".check").click( function() {
			show( jQuery(this).val() );
			});
		});
		
		function show( val ) {
			if( val == "all" ) {
			jQuery( "#tabBox dt,#tabBox dd" ).show();
		} else {
			jQuery( "#tabBox dt,#tabBox dd" ).hide();
			jQuery( "#tabBox ." + val ).show();
	}
}