如何将超链接格式化为 select 我主页上的单选按钮？

Question

在我的主页（网络表单）上，我有 3 个单选按钮 select。如何格式化超链接以将用户定向到该页面并自动 select 一个单选按钮？

<div class="col-lg-3"> 
            <asp:RadioButtonList ID="rdbtnChoise" Font-Size="11"  ToolTip="Select a service: A description of the service is listed under each title once selected."  runat="server" OnSelectedIndexChanged="rdbtnChoise_SelectedIndexChanged" AutoPostBack="True">
                 <asp:ListItem Value="1" Text="G1"> OPTION 1</asp:ListItem>
                 <asp:ListItem Value="2" Text="G2"> OPTION 2</asp:ListItem>
                 <asp:ListItem Value="3" Text="G3"> OPTION 3</asp:ListItem>          
            </asp:RadioButtonList> </div>

我想设置一个超链接以自动 select 第一个单选按钮。我试过阅读其他类似的问题，但 none 似乎有效。

假设我的网页是：https://examplesite.com

Answer 1

根据您的问题，您的问题是如何向页面提供 link，当用户浏览该页面时 link 将在呈现后检查第一个单选按钮

如果我的理解是正确的

可以用js实现

假设您有 jquery 包括在内

在您的单选按钮页面上，在下方添加

<script>
$(function(){
    var isCheck = getParameterByName("isCheckRadio") === 'true';

    if(isCheck){
        $('input:radio[name="rdbtnChoise"]').first().prop("checked", true);
    }
});

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}
</script>

这意味着当页面加载时，如果 url 的查询字符串 isCheckRadio 值为 true，首先检查 radio

那么您提供的 url 将类似于

<a href="https://examplesite.com?isCheckRadio=true">link</a>

如何将超链接格式化为 select 我主页上的单选按钮？

How to format hyperlink to select a radio button on my homepage?

asp.net

hyperlink

selected

radio-button