communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Jquery为单选框checkbox绑定单击click事件_jquery

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

WBOY
Libérer： 2016-05-16 17:46:23
original
1108 Les gens l'ont consulté

一、假设有如下一段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);
}
Étiquettes associées：
单选框 Événements contraignants
source：php.cn
Article précédent：javascript错误的认识不用关心内存管理_jquery Article suivant：js中escape对应的C#解码函数 UrlDecode_基础知识
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment sélectionner plusieurs cases à cocher dans Reactjs J'ai une liste d'options dans lesquelles je souhaite cocher plusieurs cases mais je n'y pa...
Depuis 2024-04-06 18:55:21
0
1
396
Ouvrir les documents de calcul à l'aide de window.open() et data: schéma J'ai une page Web qui s'exécute dans un navigateur qui génère un document HTML calculé que...
Depuis 2024-04-06 15:06:34
0
1
378
Filtre d'expression régulière pour les champs de recherche et les cases à cocher de la pile MERN J'essaie de comprendre comment la pile MERN fonctionne ensemble en apprenant par la pratiq...
Depuis 2024-04-06 14:53:12
0
1
425
Comment imprimer la valeur de la case à cocher sélectionnée après la soumission Ceci est ma liste de cases à cocher et les boutons dont j'ai besoin pour soumettre des don...
Depuis 2024-04-06 13:07:43
0
2
337
PHPMailer utilisant Gmail et XOAUTH2 : Comment obtenir automatiquement un nouveau jeton d'actualisation lorsque le jeton d'actualisation actuel expire ? Je suis préoccupé par l'utilisation de Gmail avec XOAUTH2 (PHPMailerWiki) et par Comment e...
Depuis 2024-04-06 10:14:45
0
1
373
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal