ラジオボタンでイメージを変更

▼ソース

<head>
<SCRIPT language="JavaScript">
<!--
function img(){
  var i;
  var n = -1;
  for(i = 0; i <= 1; i++){
    if(document.reimg.img[i].checked){ n = i;
    }
  }
  myimg(n);
}

function myimg(myno){
  if(myno == 0){
    document.mymap.src = ('img/2.gif');       // 画像を表示する
  }else{
    document.mymap.src = ('img/1.gif');       // 画像を表示する
  }
}
//-->
</SCRIPT>
</head>

<body>
<form name="reimg">
<img src="img/1.gif" width="100" height="100" name="mymap"></td>
<input type="radio" name="img" value="0"  onClick="myimg(0)">表示  
<input type="radio" name="img" value="1" onClick="myimg(1)" checked>非表示
</form>
</body>



▼サンプル


表示 非表示

コメント