js---点击radio按钮实现图片轮换（two methds）

最新推荐文章于 2022-08-30 23:33:15 发布

liang_jqzd

最新推荐文章于 2022-08-30 23:33:15 发布

阅读量2.4k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/angtoutianwai/article/details/8805939

版权

这篇博客介绍了两种使用JavaScript实现点击radio按钮时图片轮换的方法。第一种方法通过遍历并检查所有name为'dogandcat'的单选按钮，根据选中按钮的value值切换图片。第二种方法则是通过直接传递触发事件的radio元素，简化了代码。两种方法均通过改变图片元素的'src'属性来实现图片切换。

摘要由CSDN通过智能技术生成

方法一：

<head>
    <title></title>
    <script type="text/javascript">
        function UpdateImg() {

            var dogandcat = document.getElementsByName('dogandcat'); //获取所有name=dogandcat的单选按钮
            for (var i = 0; i < dogandcat.length; i++) {
                if (dogandcat[i].checked == true) {
                    var value = dogandcat[i].getAttribute('value');
                    switch (value) {
                        case '2':
                            document.getElementById('img1').setAttribute('src', 'images/2.jpg');
                            break;