Question

假设我有2个网页A和B.在网页A我有这个标签

<a href="B.php?var=$somevalue"> Go to B </a>

在网页B上，我有一个单选按钮列表

        <div class="tabGroup">
        <input type="radio" name="tabGroup1" id="view1" class="tab1" checked="checked"/>
        <label for="view1">View 1</label>

        <input type="radio" name="tabGroup1" id="view2" class="tab2"/>
        <label for="view2">View 2</label>

        <input type="radio" name="tabGroup1" id="view3" class="tab3"/>
        <label for="view3">View 3</label>
        </div>

所以默认选中的单选按钮是“”view1“因为它被”检查“。但我想要的是链接引用可以检查单选按钮”view2“或”view3“对我来说取决于$ var I通过URL。任何帮助将不胜感激。谢谢

Answer 1

嗯，这不是最好的方式，但如果你只有3个输入那么它非常简单：

    <div class="tabGroup">
    <input type="radio" name="tabGroup1" id="view1" class="tab1" <?php  if($_GET['var'] == 'view1') {echo 'checked="checked"'}?> />
    <label for="view1">View 1</label>

    <input type="radio" name="tabGroup1" id="view2" class="tab2" <?php  if($_GET['var'] == 'view2') {echo 'checked="checked"'}?> />
    <label for="view2">View 2</label>

    <input type="radio" name="tabGroup1" id="view3" class="tab3" <?php  if($_GET['var'] == 'view3') {echo 'checked="checked"'}?> />
    <label for="view3">View 3</label>
    </div>

Answer 2

我认为这些代码可以满足您的需求。

$(document).ready(function(){
    // get current url
    var href = location.href;

    // get the variable value
    var id_value = href.split('?var=')[1];

    // make the radio button checked
    $('#' + id_value).prop('checked', true);
})

但我认为一点改进可以使它更美丽。

你应该给每个无线电标签一个值。

    <div class="tabGroup">
    <input type="radio" name="tabGroup1" value="1" id="view1" class="tab1" checked="checked"/>
    <label for="view1">View 1</label>

    <input type="radio" name="tabGroup1" value="2" id="view2" class="tab2"/>
    <label for="view2">View 2</label>

    <input type="radio" name="tabGroup1" value="3" id="view3" class="tab3"/>
    <label for="view3">View 3</label>
    </div>

然后使用以下代码

$(document).ready(function(){
    // get current url
    var href = location.href;

    // get the variable value
    var checked_radio_value = href.split('?var=')[1];

    // make the radio button checked
    $('input[name="tabGroup1"][value="' + checked_radio_value + '"]').prop('checked', true);
})

如何通过链接参考选择单选按钮

2 个答案: