jQuery始めました。8(チェックボックスと入力項目を連動させる)

checkボックスのチェックをはずすして表示項目を減らす。
チェックボックスと入力項目を連動させる


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<script type="text/javascript" src="/jquery/jquery.js"></script>

<title>jQueryテスト7</title>


</head>
<body>


<script type="text/javascript"><!--

$(document).ready(function(){
	$(':checkbox').click(function(){
	    var idname = this.value;
	    $("#hoge01").each(function(){
	    	$(this).toggle();
		});
	});
});


//-->
</script>


<input type="checkbox" value="hoge" checked="checked" />
チェックをはずすと「あああ」を非表示にする。
<div id ="hoge01">あああ</div>
<div id ="hoge02">いいい</div>
<div id ="hoge03">ううう</div>



</body>
</html>

サンプルは、こちら。

引用元：　チェックボックスで複数項目の表示/非表示切り換え

この記事の筆者

管理者