ホームページ  >  記事  >  ウェブフロントエンド  >  Jqueryはラジオボタンのクリックイベントをバインドします。

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

WBOY
WBOYオリジナル
2016-05-16 17:46:231093ブラウズ

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();


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


$(#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);
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。