如何用js实现点击单选按钮切换图片

目前已经实现点击对应的按钮弹出警示框，想把“弹出警示框”改成“用新的图片替换网页中原有图片”，应该写怎样的JavaScript 代码？求大佬指教！

img

通过单击事件，写js方法改变图片的图片，设置src=“URL”

document.getElementById("app").style.backgroundImage = "./image.png"
这是修改背景图片的方法。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            *{
                margin: 0px;
                padding: 0px;
            }
            #body{
                position: relative;
                margin: 20px auto;
                height: 350px;
                width: 150px;
            }
        </style>
    </head>
    <body>
        <div id="body">
            <img src="img/1.jpg" height="100" id="img" /> <br />
            <input name="changeImg" type="radio" value="1" checked="checked" onchange="test()"/><input name="changeImg" type="radio" value="2" onchange="test()"/>
        </div>
    </body>
    <script>
        function test() {
            if(document.getElementsByName("changeImg")[0].checked) {
                document.getElementById("img").src = 'img/1.jpg'
            }else {
                document.getElementById("img").src = 'img/2.jpg'
            }
        }
    </script>
</html>

img

img

点击按钮触发事件修改img标签的url属性就可以