javascript 체크박스 선택시 텍스트 보이기

<script type="text/javascript"> 	
	function cbList(){ 		//cb라는 id를 가지고 있는것을 cbBox라는 변수로 선언한다.
        var cbBox=document.getElementById('cb').checked; // 체크박스가 체크되어 있다면 showResult라는 id를 가지고 있는 태그에 보이기 라고 적는다(innerHTML)
        if(cbBox==true){ 
            document.getElementById("showResult").innerHTML="보이기";
        }else{ 
            document.getElementById("showResult").innerHTML="";
        }
	} 
</script>

 

체크박스

체크박스 체크시 보이기, 해제시 안보이기

 

체크박스를 체크하면 글씨가 보이고, 해제시 안보입니다!

이걸 활용하면 To Do List도 만들수 있어요 ~!

체크박스 해제값 보는 방법을 잘 기억해 두세요.

 	function cbList(){ 		//cb라는 id를 가지고 있는것을 cbBox라는 변수로 선언한다. 		var cbBox=document.getElementById('cb').checked; 		// 체크박스가 체크되어 있다면 showResult라는 id를 가지고 있는 태그에 보이기 라고 적는다(innerHTML) 		if(cbBox==true){ 			document.getElementById("showResult").innerHTML="보이기"; 		}else{ 			document.getElementById("showResult").innerHTML=""; 		} 	} 

체크박스

체크박스 클릭시 보이기, 해제시 안보이기