图片点击选中，再点击取消

叁歲伎倆 2023-06-18 04:56 134阅读 0赞

<!DOCTYPE html>  
<html>

<head>  
        <meta charset="UTF-8">  
        <title>图片点击效果</title>

</div>  
        <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>  
        <script type="text/javascript">  
            var wrap = document.getElementById("wrap");

var imgs = wrap.getElementsByTagName('img');  
            console.log(imgs.length);  
            for(var i in imgs) \{  
                imgs\[i\].index = i;

imgs\[i\].onclick = function() \{  
                    if(this.getAttribute('src') == "images/2.png") \{  
                        this.setAttribute('src', document.getElementById("imgUrl").value);  
                    \} else \{  
                        document.getElementById("imgUrl").value = this.getAttribute("src");  
                        this.setAttribute('src', 'images/2.png');

\}  
                \}  
            \}  
        </script>  
    </body>

</html>