jQuery case à cocher cliquez sur le champ de saisie - ne fonctionne pas

Question

J'utilise une fonction jQuery pour afficher certains champs de texte cachés lorsque vous sélectionnez quelque chose dans une zone de sélection. Cela fonctionne très bien pour les boîtes de sélection, mais je ne peux pas le faire fonctionner pour une case à cocher.

Voici le code dépouillé j'ai essayé (en un mot), mais il ne fonctionne pas: http://jsbin.com/uwane3/2/

Merci pour votre aide, je l'utilise rarement JS si ma connaissance est faible.

Answer 1

J'ai trouvé 2 erreurs dans votre code:

1. votre Checkbox n'a pas de valeur si vous ne pouvez pas obtenir plus de une forme de résultat vide ".val()"
2. vous n'avez pas lié un eventhandler à la case à cocher.

http://jsbin.com/uwane3/3

$('#cf3_field_9').live('click', function(e){ 
    if (e.target == $('#cf3_field_9')[0] && e.target.checked) { 
     alert('The following line could only work if the checkbox have a value.'); 
     $.viewMapcf3_field_9[$(this).val()].show(); 

    } else { 
     $.each($.viewMapcf3_field_9, function() { this.hide(); }); 
    } 
    }); 

Answer 2

Vous n'avez aucun événement enregistré dans votre case.
inscrire un clic, ou modifier gestionnaire comme ceci:

$('#cf3_field_9').click(function(){ 
    if ($(this).attr("checked")) { 
     $.viewMapcf3_field_9[$(this).val()].show(); 
    } else { 
     $.each($.viewMapcf3_field_9, function() { this.hide(); }); 
    } 
}); 

http://api.jquery.com/category/events/