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

harada 5,440views 更新:2015年5月26日

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>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません