87,904
社区成员
发帖
与我相关
我的任务
分享菜鸟问个奇怪的问题
为什么这个不可以 点击RadioBUtton时变换图像
而这个可以让 点击RadioBUtton时变换图像
<html>
<head>
<title>图片切换</title>
<script language="javascript">
function dayChange()
{
for(var x=0;x<document.myForm.chRadio.length;x++)
{
if(document.myForm.chRadio[x].checked)
{
document.mypic.src="img/"+document.myForm.chRadio[x].value
}
}
}
</script>
</head>
<body>
<form name="myFrom">
<input type="radio" onClick="dayChange()" name="chRadio" value="d1.jpg" checked>过新年
<input type="radio" onClick="dayChange()" name="chRadio" value="d2.jpg">元宵节
<input type="radio" onClick="dayChange()" name="chRadio" value="d3.jpg">端午节
<input type="radio" onClick="dayChange()" name="chRadio" value="d4.jpg">中秋节
</form>
<img name="mypic" src="img/d1.jpg">
</body>
</html>而这个可以让 点击RadioBUtton时变换图像
<html>
<head>
<title>图片切换</title>
<script language="javascript">
function dayChange()
{
var rds = document.getElementsByName('chRadio');
var pic = document.getElementById('myPic');
for(var x=0;x<rds.length;x++)
{
if(rds[x].checked)
{
pic.src="img/"+rds[x].value
}
}
}
</script>
</head>
<body>
<form name="myFrom">
<input type="radio" onClick="dayChange()" name="chRadio" value="d1.jpg" checked>过新年
<input type="radio" onClick="dayChange()" name="chRadio" value="d2.jpg">元宵节
<input type="radio" onClick="dayChange()" name="chRadio" value="d3.jpg">端午节
<input type="radio" onClick="dayChange()" name="chRadio" value="d4.jpg">中秋节
</form>
<img id="myPic" name="myPic" src="img/d1.jpg">
</body>
</html>
...全文
请发表友善的回复…
发表回复
qq1119753812 2009-09-01
- 打赏
- 举报
2楼强人，一眼就看明白
研究汽车的米舞指 2009-09-01
- 打赏
- 举报
呵呵，lz好粗心。
wslqqwslqq 2009-09-01
- 打赏
- 举报
哈哈
yt_sbdw 2009-09-01
- 打赏
- 举报
太厉害了，调试高手啊
hookee 2009-08-31
- 打赏
- 举报
myForm写成myFrom了
改成<form name="myForm">即可
改成<form name="myForm">即可
