jQuery Girl
  1. jQuery Girl
  3. Relier deux cases à cocher ensemble
Intereting Posts
jQuery $ .ajax fait un rappel sans déclencher Animer la poignée du curseur lors de la modification de l’option de valeur du curseur de l’interface utilisateur jQuery? Le PDF téléchargé semble vide bien qu’il contienne des données jquery plugin pour lier des données à une info-bulle (tip posy) parsingr une chaîne html partielle avec jquery jQuery pour cloner une table avec un nouvel identifiant, comment écrire collectivement le code ci-dessous jQuery AJAX chaque boucle en utilisant append et html Fonction jQuery convertie en directive ne fonctionnant pas en angular Comment déplacer une div horizontale puis verticale en utilisant une animation CSS? Comment changer ajax-charset? jQueryMobile: Obtenir le résultat de pageloadfailed La fonction Jquery UI Bounce Easing réduit le nombre de rebonds et / ou contrôle le nombre de rebonds La modification d’atsortingbuts svg avec javascript n’a aucun effet fonctionnement avec toutes les entrées, sans type = “case à cocher” Micropost – Erreur de routage Aucun itinéraire ne correspond à – Suppression d’un Micropost

Relier deux cases à cocher ensemble

J’ai deux cases à cocher

et

Est-il possible de connecter ces deux cases à cocher, de sorte que ce qui arrive à l’atsortingbut “vérifié” d’une case à cocher arrive aussi à l’autre? Il doit travailler pour

  1. L’utilisateur change le statut vérifié

  2. Une fonction javascript change le statut coché

Mon exemple actuel est très complexe et comporte de nombreuses cases à cocher. Je cherche donc une solution qui me permette de déterminer une connexion entre deux cases à cocher sans jamais avoir à y réfléchir à nouveau. merci carl

Bien sûr que c’est possible, mais pourquoi voudriez-vous avoir deux cases à cocher si elles se comportent de la même manière? Peut-être qu’une case à cocher serait plus pratique. 🙂

En tout cas, avec un morceau de jQuery, cela devrait bien fonctionner. Cet extrait de code vous permet de donner à une case à cocher un groupe afin de sélectionner automatiquement les autres membres du même groupe.

Bien sûr, vous pouvez facilement changer cela en une liste d’identifiants, par exemple, le comportement n’a donc pas besoin d’être à double sens, mais je ne pourrais pas déduire entièrement de votre question ce dont vous avez besoin. Quoi qu’il en soit, l’ajout de cases à cocher supplémentaires exige simplement qu’ils aient le bon atsortingbut.

Comme elle utilise la fonction on de cette manière, elle devrait même fonctionner pour les cases à cocher ajoutées dynamicment. 

 $(document).on('click', 'input[type="checkbox"][data-group]', function(event) { // The checkbox that was clicked var actor = $(this); // The status of that checkbox var checked = actor.prop('checked'); // The group that checkbox is in var group = actor.data('group'); // All checkboxes of that group var checkboxes = $('input[type="checkbox"][data-group="' + group + '"]'); // All checkboxes excluding the one that was clicked var otherCheckboxes = checkboxes.not(actor); // Check those checkboxes otherCheckboxes.prop('checked', checked); });

Vous pouvez lier un gestionnaire d’événements de modification aux cases à cocher et définir la valeur des autres cases à cocher en fonction de la valeur de la case à cocher modifiée. 

 $(function() { $(".checkbox_class").change(function() { var x = this.checked; $(".checkbox_class").prop("checked", x); }); });

Il peut être lié pour changer ou cliquer sur un événement 

 $("#example1").click(function (){ $("#example2").click(); }); $("#example2").click(function (){ $("#example1").click(); });