2017-08-10 13 views
0

私のホームページ(ウェブフォーム)には3つのラジオボタンがあります。ユーザーをそのページに誘導してラジオボタンを自動的に選択するようにハイパーリンクをフォーマットするにはどうすればよいですか?ホームページのラジオボタンを選択するハイパーリンクの書式設定方法を教えてください。

<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> 

最初のラジオボタンを自動的に選択するようにハイパーリンクを設定したいと考えています。私はこのような他の質問を読んでみましたが、どれもうまくいかないようです。

のは、私のWebページがあるとしましょう:あなたの質問からhttps://examplesite.com

答えて

1

、あなたの問題は、ユーザーがそのリンクをナビゲートする際、ページへのリンクを提供するために、どのようにしたら

をレンダリングされた最初のラジオボタンをチェックします私の理解は正しい場合

あなたはjQueryの

が含まれていると仮定すると、この

を達成するためのJSを使用することができますあなたのラジオボタンページで0

、URLがtrueとしてisCheckRadio値をクエリ文字列がある場合、あなたが提供するURLは

のようなものになり、ページの読み込みが、最初のラジオ

をチェックしたときに意味

<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> 

の下に追加

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

マイウェブページはasp.netウェブフォームです。 default.aspxファイルにjsコードを追加できますか?または、新しいjsファイルを作成するだけですか? – justinpees

+0

コードで.jsファイルを作成しましたが、それでも動作しません。あなたのスクリプトで修正が必要なことはありますか?また、このコード行は正しいですか? $( '入力:ラジオ[名前= "rdbtnChoise"]')。first()。prop( "checked"、true);私のradiobuttonlistは名前ではないIDを持っているのに対し、 "name ="と言います。 – justinpees

+0

@justinpeesレンダリングhtmlの関連部分を表示できますか(asp.net webformでは実際のhtmlソースコードではありません)?ブラウザのコンソールにエラーが表示されていないかどうかを確認してください。私が正しく覚えていれば、IDは入力の名前としてレンダリングされるので、正しいはずです。 –

関連する問題