js变换显示图片的实例

开始界面如图

复制代码代码如下：标题脚本类型='text/javascript '函数UpdateImg(){//文档。getelementbyid(' img 1 ').setAttribute('src '，' images/2。jpg’)；var dog andcat=document。getelementsbyname(' dog and cat ')；//获取所有name=dogandcat的单选按钮for(var I=0；我狗和猫。长度；i ) { if (dogandcat[i]).选中==真){ var值=dogandcat[i].getAttribute(' value ')；switch(value){ case ' 2 ' :文档。getelementbyid(' img 1 ').setAttribute('src '，' images/2。jpg’)；打破；案例' 3 ' :文档。GetElementByID(' img 1 ').setAttribute('src '，' images/3。jpg’)；打破；案例' 4 ' :文档。getelementbyid(' img 1 ').setAttribute('src '，' images/4。jpg’)；打破；案例' 6 ' :文件。getelementbyid(' img 1 ').setAttribute('src '，' images/6。jpg’)；打破；} } } }/script/head dyimg id=' img 1 ' src=' http : images/9。jpg ' width=' 200px ' height=' 200px '/br/input type=' button ' value='改变图片onclick=' UpdateImg()；/br/input id=' radio 1 ' name=' dog and cat ' type=' radio ' value=' 2 ' onclick=' UpdateImg()；'/忧伤的小狗输入id='Radio2 '名称='dogandcat '类型='收音机'值=' 3 ' onclick=' updateImg()；'/卖萌的小狗输入id='Radio3 '名称='dogandcat '类型='收音机'值=' 4 ' onclick=' updateImg()；'/愤怒的小狗输入id='Radio4 '名称='dogandcat '类型='收音机'值=' 6 ' onclick=' updateImg()；'/可爱的小猫/body下面是程序运行时的界面：点击不同的按钮图片是不一样的