javascript - 根据选择的单选按钮更改按钮链接

Question

我有 5 个单选按钮，根据选择的是哪个，我想更改图像的 href 链接，这会将您转到另一个页面。示例:我选择了第一个单选按钮。当我单击图像时，“图库”页面打开。当我选择第二个单选按钮并按下图像时，它会打开“关于我”页面……有没有使用 JavaScript 的解决方案？

这是我的 radio :

<input checked="" type="radio" name="slider" id="slide1">
<input type="radio" name="slider" id="slide2">
<input type="radio" name="slider" id="slide3">
<input type="radio" name="slider" id="slide4">
<input type="radio" name="slider" id="slide5">
<input type="radio" name="slider" id="slide6">

这是按钮:

<div id="down_icon2">
    <a href="">
        <img src="images/down_icon.png">
    </a>
</div>

Answer 1

创建一个函数来检查设置了哪个单选按钮， 该函数设置所需的链接。

<input checked="" type="radio" name="slider" id="slide1">
<input type="radio" name="slider" id="slide2" >
<input type="radio" name="slider" id="slide3">
<input type="radio" name="slider" id="slide4">
<input type="radio" name="slider" id="slide5">
<input type="radio" name="slider" id="slide6">

<a href="" onclick='myFunction()' id="myLink">MyLink</a>

<script>
    function myFunction() {
   
        if(document.getElementById('slide1').checked) {
            document.getElementById('myLink').href = "test.php";
        }
    }
</script>

你可以对图片 src 做同样的事情

编辑:这只是第一个单选按钮的情况，您必须为其他按钮添加测试。