Javascript 如何使用img(即href链接)和单选按钮(值或id)创建函数并转到下一页

Javascript 如何使用img(即href链接)和单选按钮(值或id)创建函数并转到下一页,javascript,html,javaquery,Javascript,Html,Javaquery,我有以下代码: 选择星座 “每周 月刊 每年的 就这样做吧 你的HTML代码 选择星座 “每周 月刊 每年的 你的剧本 函数重定向(链接){ window.location.href=link+“#”+$(“输入[name='period']:选中”).val(); } 您的意思是,如果您选择每周,那么Aries.html将被重定向到?Aries.html#weekly@kartikradadiya我不是质问者,user3779992是。@user3779992我给你答案checkou

我有以下代码:


选择星座
“每周
月刊
每年的
就这样做吧

你的HTML代码


选择星座
“每周
月刊
每年的
你的剧本


函数重定向(链接){
window.location.href=link+“#”+$(“输入[name='period']:选中”).val();
}

您的意思是,如果您选择
每周
,那么
Aries.html
将被重定向到?Aries.html#weekly@kartikradadiya我不是质问者,user3779992是。@user3779992我给你答案checkout@kartikradadiya如果我将图像更改为checbox,我是否可以编写函数window.location.href=link+“#”+$(“input[name='sign']:checked“).val()+$(“输入[name='period']:checked”).val();?谢谢你的帮助,因为某种原因,它仍然不起作用。我试过你的密码。
<div id="section">
        <h3 for="horoscope">choose horoscope</h3>
        <table>
            <tr>
                <td>
                    <input type="radio" name="period" value="week" id="week" checked/>
                    <b>'weekly</b>

                <td>
                    <input type="radio" name="period" value="month" id="month"/>
                    <b>monthly</b>

                <td>
                    <input type="radio" name="period" value="year" id="year">
                    <b>yearly</b>
                </td>
            </tr>
        </table>

        <table id="horoscope" cellpadding="10">
            <tr>
                <td><img onclick="redirect('Aries.html')"
                         src="https://cdn.pixabay.com/photo/2012/04/18/01/12/aries-36388_960_720.png" height="50px"
                         width="53px" alt="aries"/></td>
                <td><img onclick="redirect('Taurus.html')"
                         src="https://cdn.pixabay.com/photo/2012/04/18/01/14/taurus-36397_960_720.png" height="50px"
                         width="48px" alt="Taurus"/></td>
                <td><img onclick="redirect('Gemini.html')"
                         src="https://cdn.pixabay.com/photo/2012/04/18/01/13/gemini-36391_960_720.png" height="50px"
                         width="49px" alt="Gemini"/></td>
            </tr>
        </table>
    </div>
<script>
function redirect(link) {
    window.location.href=link+"#"+$("input[name='period']:checked").val();
}
</script>