checkboxで表示・非表示を切り替える

JavaScript

<script type="text/javascript">
function checkdiv( obj,id ) {
if( obj.checked ){
document.getElementById(id).style.display = "block";
}
else {
document.getElementById(id).style.display = "none";
}
}
</script>

html

<label><input type="checkbox" id="" onclick="checkdiv(this,'checkBox')" />チェックで表示させる</label>

<div id="checkBox" style="display:none;">表示!</div>

AWS構築サービスの全てをまとめた資料を公開中

ハックノート(TOWN株式会社)では、AWSの導入や構築支援を行っています。AWS導入メニューやサービス詳細、構成例や費用を掲載した資料をダウンロードできます。

AWSの新規導入やAWSへの移行を検討の際は、ぜひご参考ください。


APNコンサルティングパートナー

TOWN株式会社はAmazon公認コンサルティングパートナーです。