ホームページ ウェブフロントエンド jsチュートリアル js と jquery のバッチ バインディング イベント渡しパラメーター 1 (新しい豚オリジナル)_javascript スキル

js と jquery のバッチ バインディング イベント渡しパラメーター 1 (新しい豚オリジナル)_javascript スキル

May 16, 2016 pm 06:24 PM
バッチ バインドイベント

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

<input type="button" value="btn1 " id= "btn1"/>
<input type="button" value="btn2" id="btn2"/>
<input type="button" value="btn3" id ="btn3 "/>
<script type="text/javascript">
for(var i=1;i<=3;i ){
document.getElementById('btn' i).onclick = (function(j){
return function(){
alert(j);
}
})(i); script>


以下は jquery と組み合わせたコードです。原理は同じです。
JavaScript を使用してページ上の要素をバッチ バインドし、増分番号を渡す場合、次のように記述する必要があります:
<html> 部分のコード:


<input type="button" id="btn1" value="ボタン 1" />
<input type="button" id="btn2" value= "ボタン 2" />
<input type="button" id="btn3" value="ボタン 3" />
<input type="button" id="btn4" value= "ボタン 4" />
<input type="button" id="btn5" value="ボタン 5" />
<input type="button" id="btn6" value= "ボタン 6" />
< ;input type="button" id="btn7" value="ボタン 7" /> コードの一部:



コードをコピー
コードは次のとおりです。 $(function () { var i; for (i = 1; i $("#btn" i).bind("click", { id: i }, dis); >}
});

関数 dis(evt) {
alert(evt.data.id);

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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)

win10でファイルのサフィックスの名前を一括変更する方法 win10でファイルのサフィックスの名前を一括変更する方法 Jul 06, 2023 pm 07:37 PM

win10でファイルのサフィックスの名前を一括変更する方法

MyBatis にデータをバッチ挿入する方法 MyBatis にデータをバッチ挿入する方法 Feb 23, 2024 pm 06:00 PM

MyBatis にデータをバッチ挿入する方法

CentOS でコマンドを使用してファイル名を一括変更するにはどうすればよいですか? CentOS でコマンドを使用してファイル名を一括変更するにはどうすればよいですか? Jan 05, 2024 am 08:09 AM

CentOS でコマンドを使用してファイル名を一括変更するにはどうすればよいですか?

jQuery を使用して選択要素の値変更イベント バインディングを実装する jQuery を使用して選択要素の値変更イベント バインディングを実装する Feb 24, 2024 am 08:51 AM

jQuery を使用して選択要素の値変更イベント バインディングを実装する

PHP と PHPMAILER を使用してパーソナライズされた HTML メールを一括送信するにはどうすればよいですか? PHP と PHPMAILER を使用してパーソナライズされた HTML メールを一括送信するにはどうすればよいですか? Jul 21, 2023 am 10:06 AM

PHP と PHPMAILER を使用してパーソナライズされた HTML メールを一括送信するにはどうすればよいですか?

MyBatis バッチ クエリ ステートメントの例と実装ガイド MyBatis バッチ クエリ ステートメントの例と実装ガイド Feb 18, 2024 pm 12:01 PM

MyBatis バッチ クエリ ステートメントの例と実装ガイド

jQuery の実践的なヒント: 選択要素変更イベントのバインディング jQuery の実践的なヒント: 選択要素変更イベントのバインディング Feb 24, 2024 am 09:00 AM

jQuery の実践的なヒント: 選択要素変更イベントのバインディング

jQuery を使用して選択した要素の変更イベントをバインドする方法の紹介 jQuery を使用して選択した要素の変更イベントをバインドする方法の紹介 Feb 24, 2024 am 08:24 AM

jQuery を使用して選択した要素の変更イベントをバインドする方法の紹介

See all articles