본문 바로가기

javascript

메뉴항목에 마우스를 대면 체크박스에 체크됩니다

체크박스에 자동으로 체크해 주는 마우스 오버 효과입니다.

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Script </title>
<meta http-equiv=content-type content=text/html; charset=euc-kr>
</head>

<body>

<!---- [1단계] 아래와 같은 방법으로 태그와 코드를 복사 해 넣으세요 --->

<form name="myForm">
  <p>
  
  <input type="checkbox" name="boxes" value="ON"><a href="http://bizsrever.new21.net" onMouseover="chEck(0)" onMouseout="unCheck(0)">Home</a><br>
  <input type="checkbox" name="boxes" value="ON"><a href="http://www.yahoo.com" onMouseover="chEck(1)"
  onMouseout="unCheck(1)">드림위즈</a><br>
  <input type="checkbox" name="boxes" value="ON"><a href="http://www.yahoo.com" onMouseover="chEck(2)"
  onMouseout="unCheck(2)">다음 커뮤니케이션</a><br>
  <input type="checkbox" name="boxes" value="ON"><a href="http://www.yahoo.com" onMouseover="chEck(3)"
  onMouseout="unCheck(3)">야후! 코리아</a><br>
  <input type="checkbox" name="boxes" value="ON"><a href="http://www.yahoo.com" onMouseover="chEck(4)"
  onMouseout="unCheck(4)">메가패스 홈페이지</a><br>
  <input type="checkbox" name="boxes" value="ON"><a href="http://www.yahoo.com" onMouseover="chEck(5)"
  onMouseout="unCheck(5)">엠비씨 문화방송</a></p>


</form>

<!---- [2단계] 아래의 스크립트를 복사 해 넣으세요 --->

<script>
var thebox=document.myForm

function chEck(checkNo){
thebox.boxes[checkNo].checked=true
}

function unCheck(checkNo){
thebox.boxes[checkNo].checked=false
}
</script>

<!--------------------------- 여기까지 ---------------------------->

</body>
</html>