Comment marquer automatiquement le champ de case à cocher comme activé pendant l'événement onclick d'une cellule

Question

J'ai une table html avec beaucoup de cellules et je voudrais définir un champ checkbox comme activé avec style = "display: none" quand quelqu'un essaie de cliquez sur une cellule particulière. Je devrais réinitialiser ceci quand l'utilisateur clique sur la même cellule encore. Comment dois-je faire cela en utilisant jquery?

Answer 1

Ce qui suit suppose la case à cocher est à l'intérieur du <td> qui a été cliqué:

$('td').each(function(){ 
    $(this).click(function(){ 
     $(this).find('input:checkbox').toggle(); 
    }); 
}); 

S'il n'y a qu'une seule case globale pour toutes les cellules, vous pouvez simplement référencer directement au lieu de faire la découverte() :

$('#checkbox-id').toggle(); 

Answer 2

$('table td').click(function(){ 
    $(this).children('input:checkbox').attr('checked', 'checked').toggle('slow'); 
});​ 

Un exemple concret: http://jsfiddle.net/p9rRY/

Answer 3

vous pouvez utiliser ce script pour afficher/masquer la case à cocher dans une colonne particulière. $ ('Table tr td: eq (1)'). Toggle (function() {$ (this) .children (': checkbox'). Css ('display', 'block');}, function() {$ (this) .children (': case à cocher'). Css ('display', 'none');});

Veuillez indiquer l'index de colonne spécifique dans "eq (index)" où vous voulez cliquer/afficher la case à cocher. par exemple dans la colonne de script ci-dessus est "1". index de la colonne à partir de 0