单选按钮单击另一页

时间:2015-08-30 02:45:10

标签: html css radio-button checked

我有两页。第一页有一个菜单。其他页面中的单选按钮。

当我点击第一页时,将在另一页上选择单选按钮。

例如,第一页:

    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">6</a></li>
   </ul>

其他页面:

                <input type="radio" name="tabs" checked id="tab1" class="tab-content-1">
                <label for="tab1"><span><span>1</span></span></label>

                <input type="radio" name="tabs" id="tab2" class="tab-content-2">
                <label for="tab2"><span><span>2</span></span></label>

                <input type="radio" name="tabs" id="tab3" class="tab-content-3">
                <label for="tab3"><span><span>3</span></span></label>

                <input type="radio" name="tabs" id="tab4" class="tab-content-4">
                <label for="tab4"><span><span>4</span></span></label>

                <input type="radio" name="tabs" id="tab5" class="tab-content-5">
                <label for="tab5"><span><span>5</span></span></label>

                <input type="radio" name="tabs" id="tab6" class="tab-content-6">
                <label for="tab6"><span><span>6</span></span></label>

我想在第一页的菜单中单击1,转到选中的单选按钮其他页面。所以我需要无线电按钮链接。如果我有单选按钮链接,它需要href。

<a href="checked link????">1</a>  ---> go to checked 1 other page.

1 个答案:

答案 0 :(得分:0)

要检查单选按钮,您应该使用javascript而不是url。考虑到操作是跨页面的,您可以使用额外的参数调用url。

第一页中的

网址:<link_to_the_second_page>?check=1

在第二页中,通过javascript获取URL参数(您可以使用正则表达式提取window.location.search中的值),然后检查相关的单选按钮。