Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Jquery为单选框checkbox绑定单击click事件_jquery

Jquery为单选框checkbox绑定单击click事件_jquery

WBOY
Freigeben： 2016-05-16 17:46:23
Original
1108 Leute haben es durchsucht

一、假设有如下一段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);

二、假设html中有很多并列的dd标签，每个dd标签中有一个checkbox，class名都为imagezz，对于每个checkbox都绑定事先设定的$test_image_check_box_click事件
复制代码 代码如下:

$(document).ready(function(){
$(".imagezz").click($test_image_check_box_click);
}
Verwandte Etiketten：
单选框 绑定事件
Quelle：php.cn
Vorheriger Artikel：javascript错误的认识不用关心内存管理_jquery Nächster Artikel：js中escape对应的C#解码函数 UrlDecode_基础知识
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
So aktivieren Sie mehrere Kontrollkästchen in Reactjs Ich habe eine Liste mit Optionen, in der ich mehrere Kontrollkästchen aktivieren möchte, k...
Aus 2024-04-06 18:55:21
0
1
396
Öffnen Sie Berechnungsdokumente mit window.open() und data: scheme Ich habe eine Webseite, die in einem Browser ausgeführt wird, der ein berechnetes HTML-Dok...
Aus 2024-04-06 15:06:34
0
1
378
Regulärer Ausdrucksfilter für MERN-Stack-Suchfelder und Kontrollkästchen Ich versuche durch Learning by Doing zu verstehen, wie der MERN-Stack zusammenarbeitet, un...
Aus 2024-04-06 14:53:12
0
1
425
So drucken Sie den Wert des ausgewählten Kontrollkästchens nach der Übermittlung aus Dies ist meine Liste der Kontrollkästchen und Schaltflächen, die ich zum Übermitteln von D...
Aus 2024-04-06 13:07:43
0
2
337
PHPMailer mit Gmail und XOAUTH2: Wie erhalte ich automatisch ein neues Aktualisierungstoken, wenn das aktuelle Aktualisierungstoken abläuft? Ich mache mir Sorgen über die Verwendung von Gmail mit XOAUTH2 (PHPMailerWiki) und wie ver...
Aus 2024-04-06 10:14:45
0
1
373
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage