메뉴 클릭하면 이미지 변경

라디오 버튼 등 이벤트를 발생 시키면 이미지를 변경하고자 했을 때.

<img id="imgUsim" src="이미지.png">

최초 기본 이미지를 설정한다.( id 값을 설정해준다 )

<input name="comType" type="radio" value="A" onClick="javascript:chgUsim(A);"/>

<input name="comType" type="radio" value="B" onClick="javascript:chgUsim(B);"/>

두개의 라디오 버튼을 만들어 준뒤 클릭하면 함수를 불러온다

 function chgUsim(comType)
 {
  var comType = comType;
  if(comType == "A")
  {
   document.getElementById("imgUsim").src="A.png";
  }
  else if(comType =="B")
  {
   document.getElementById("imgUsim").src="B.jpg";
  }
 }

함수 불렀을때 값에 따라서 id값의 이미지를 변경해준다.