コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > Jqueryはラジオボタンのクリックイベントをバインドします。

Jqueryはラジオボタンのクリックイベントをバインドします。

WBOY
リリース： 2016-05-16 17:46:23
オリジナル
1108 人が閲覧しました

1. 次の HTML コードがあるとします。

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



🎜>
イベントを選択します (選択内容に基づいて前のレイヤーの背景を変更します):

コードをコピーコードは次のとおりです。
var $test_image_check_box_click = function() {
if ($(this).attr("checked") == "checked") {
$ (this).parent().css( {"background":"#dcf4fc"});
}
else {
$(this).parent().css({"background": "#fcf7c7"});
}
check_all_imagezz();


バインディング イベント:


コピーcode コードは次のとおりです:
$(#checkbox-518).click($test_image_check_box_click);


2. HTML に多数の並列 dd タグがあり、それぞれの dd タグにチェックボックスがあり、クラス名が imagezz であるとします。各チェックボックスは、プリセットの $test_image_check_box_click イベント


コードをコピーします コードは次のとおりです: $(document).ready(function(){
$(".imagezz" ).click($test_image_check_box_click);
}

関連ラベル：
単一ボックス バインドイベント
ソース：php.cn
前の記事：メモリ管理を気にせずに JavaScript エラーを理解する_jquery 次の記事：jsのエスケープに対応したC#デコード関数 UrlDecode_基礎知識
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Reactjsで複数のチェックボックスを選択する方法 複数のチェックボックスを選択したいオプションのリストがありますが、選択することができません。このコードの何が問題なのでしょうか?サンドボックスの URL
から 2024-04-06 18:55:21
0
1
396
window.open() と data を使用して計算ドキュメントを開きます: スキーム 計算された HTML ドキュメントを生成するブラウザーで実行される Web ページがあり、それを新しいブラウザー タブで開きたいと考えています。シンプルで汚い方法は、これを行うこと...
から 2024-04-06 15:06:34
0
1
378
MERN スタックの検索ボックスとチェックボックスの正規表現フィルター 私は実行しながら学習することで MERN スタックがどのように連携するかを理解しようとしており、bezcoder の次のチュートリアルに従っています: Node.js/Expres...
から 2024-04-06 14:53:12
0
1
425
送信後に選択したチェックボックスの値を印刷する方法 これは、データを送信するために必要なチェックボックスとボタンのリストです。<label>AccessLocations</label><br/>...
から 2024-04-06 13:07:43
0
2
337
Gmail と XOAUTH2 を使用した PHPMailer: 現在のリフレッシュ トークンの有効期限が切れたときに、新しいリフレッシュ トークンを自動的に取得するにはどうすればよいですか? XOAUTH2 で Gmail を使用することに不安があります (PHPMailerWiki)、および GmailXOAUTH2 で PHPMailer を使用して電子メールを送信...
から 2024-04-06 10:14:45
0
1
373
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート