본문 바로가기

JavaScript & jQuery

체크박스 상태변화 따라 화면변화

<input name="chk_hidecategory" type="checkbox" value="O" onClick='chk_select();' id="chk_hide_Val" > CheckBox 선택

 

<div id="OnOffDisplay" style="display:block;">
    <input name="chk_hidecategory" type="checkbox" value="L" > Display on/off
</div>

 

신나2

<script language="JavaScript">
//체크박스 상태값 체크함수
function chk_select(){
 var chkVal   = document.getElementById('chk_hide_Val');
 var OnOffDiv  = document.getElementById('OnOffDisplay');
 
 if(chkVal.checked== true){
     OnOffDiv.style.display = "none";
 }else{
     OnOffDiv.style.display = "block";
 }
}
</script>