Afficher la valeur correcte dans la zone de texte

Question

J'ai quelque chose comme un nombre de réponses Textbox (#numberAnswerTxt). Maintenant, en ce moment je suis en utilisant ce code:

$('input#numberAnswerTxt').val(''); 

maintenant ce que cela fait est que chaque fois que j'ouvre le lien (grille ouverte) et choisissez une option, le nombre de réponses Textbox remonte à être vide. Maintenant, ce que je veux, c'est que cette ligne de code change pour qu'à chaque fois qu'un utilisateur change des options d'une grille, au lieu que la zone de texte soit vide, je veux que la zone de texte affiche le nombre de boutons de réponse qui ont été choisi.

Les boutons de réponse sont des boutons "A" pour n'importe quelle lettre et ils sont sélectionnés si le bouton passe au vert.

Alors suivez ces étapes et voir si vous pouvez obtenir ce résultat:

1. Ouvrez la grille et sélectionnez l'option « 3 ». Les boutons A B et C apparaîtraient.

2. Tapez le numéro « 2 » dans le nombre de réponses TextBox et boutons de sélection A et C tournerait vert et le nombre de zone de texte Réponses afficherait le numéro 3.

3. changer maintenant l'option de la grille de "3" à "7". Maintenant toutes les réponses à l'exception de "B" sont séelcted. Maintenant, dans la zone de texte, il devrait afficher "6" pour le nombre de réponses, mais au moment affiche une zone de texte vide.

Alors, comment peut-il être codé de telle sorte que le nombre de réponses textBox si les changements d'option de la grille, il affiche dans la zone de texte le nombre de réponses qui sont sélectionnés?

Merci

$('input#numberAnswerTxt').val(''); est dans le $(".gridBtns").click(function().

Le code complet est en jsFiddle, cliquez sur here

Answer 1

$('input#numberAnswerTxt').val($('input.answerBtnsOn').size());