ホームページ ウェブフロントエンド jsチュートリアル ASP.NET jQuery 例 10 hyperlink_jquery の URL 値を動的に変更する

ASP.NET jQuery 例 10 hyperlink_jquery の URL 値を動的に変更する

May 16, 2016 pm 05:56 PM
url

1. まずインターフェイス コードを準備します:

コードをコピー コードは次のとおりです:

&lt ;フォーム ID= "form1" runat="server">
<div align="left">
<fieldset style="width: 300px; height: 200px;">
<tr>
</td>
<td>
<p>
<asp:RadioButtonList ID="rblUrl" runat="server"< asp:ListItem Text ="Sina" Value="http://www.sina.com.cn"></asp:ListItem>
<asp:ListItem Text="Baidu" Value="http: //www.baidu.com"></asp:ListItem>
<asp:ListItem Text="NetEase" Value="http://www.163.com"></asp: ListItem>
<br />
<asp:HyperLink" runat="server"> ここをクリックしてください</asp:RadioButtonList> 🎜></td>
</fieldset>
</form>

2.RadioButtonList は <table/> に変換され、そのメンバーは <input type="radio"/> に変換されます。 URL 値を変更するスクリプト コードは次のとおりです。 🎜>



コードをコピー


コードは次のとおりです。

<head runat="server">
<title>レシピ10</title>
<script src="Scripts/jquery.js" type="text/javascript"></script> text/javascript"> $( document).ready(function () { $("input[type=radio]").bind("change", function () { $( "#<%=hyperLink.ClientID %> ;").attr("href", $(this).val()) }); </script> ; </head>

3. インターフェイス効果を実現するには:


4. さらに、次のコードを通じて変更イベントをバインドできます:




コード


コードは次のとおりです:


$("input=[type=radio]").live("change", function(){

$("a").attr ("href" , $(this).val());


5. live() 関数と binding() 関数の違い:
live () 関数は、現在および将来のページ要素にイベントを添付できます。ただし、bind() 関数は、すでにロードされているページ要素にのみイベントを付加できます。 つまり、bind() はページの静的要素に適しており、live() はページの静的および動的要素に適しています。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PHP 関数の紹介 - get_headers(): URL の応答ヘッダー情報を取得します PHP 関数の紹介 - get_headers(): URL の応答ヘッダー情報を取得します Jul 25, 2023 am 09:05 AM

PHP 関数の紹介 - get_headers(): URL の応答ヘッダー情報を取得します

いくつかの手順で Steam ID を取得するにはどうすればよいですか? いくつかの手順で Steam ID を取得するにはどうすればよいですか? May 08, 2023 pm 11:43 PM

いくつかの手順で Steam ID を取得するにはどうすればよいですか?

e からの NameResolutionError(self.host, self, e) の理由とその解決方法 e からの NameResolutionError(self.host, self, e) の理由とその解決方法 Mar 01, 2024 pm 01:20 PM

e からの NameResolutionError(self.host, self, e) の理由とその解決方法

Java で URL エンコードとデコードを使用する方法 Java で URL エンコードとデコードを使用する方法 May 08, 2023 pm 05:46 PM

Java で URL エンコードとデコードを使用する方法

Scrapy 最適化のヒント: 重複 URL のクロールを減らし、効率を向上させる方法 Scrapy 最適化のヒント: 重複 URL のクロールを減らし、効率を向上させる方法 Jun 22, 2023 pm 01:57 PM

Scrapy 最適化のヒント: 重複 URL のクロールを減らし、効率を向上させる方法

htmlとurlの違いは何ですか htmlとurlの違いは何ですか Mar 06, 2024 pm 03:06 PM

htmlとurlの違いは何ですか

SpringBootの複数のコントローラにURLプレフィックスを追加する方法 SpringBootの複数のコントローラにURLプレフィックスを追加する方法 May 12, 2023 pm 06:37 PM

SpringBootの複数のコントローラにURLプレフィックスを追加する方法

nginx URLリダイレクトを設定する方法 nginx URLリダイレクトを設定する方法 May 12, 2023 am 10:31 AM

nginx URLリダイレクトを設定する方法

See all articles