comment afficher les résultats séquentiels à l'intérieur du champ de texte

Question

chère à tous.Je veux utiliser un seul champ de texte pour des résultats différents. Que dois-je faire si je veux après avoir appuyé sur quelques fois une case à cocher ou d'une autre case à cocher les résultats apparaîtront successivement dans l'exemple textfield.for:

<input type="checkbox" id="see" value="a"> 
<input type="checkbox" id="saw" value="b"> 

<input type="text" id="field"> 
<input type="button" id="show"> 

puis-je faire quelque chose comme:

1. click "see" 
2. click "show" 
3. click "see" 
4. click "show" 
5. click "saw" 
6. click "show" 
7. click "saw" 
8. click "show" 
9. click "see" 
10. click "show" 

puis afficher les résultats après cliquage show à champ texte:

aaba..and so on if any additional 

Answer 1

Aussi simple que:

var values = ""; 
$('#see, #saw').click(function() { 
    values += $(this).val(); 
}); 
$('#show').click(function() { 
    $("#field").val(values); 
}); 

seulement permettre la vérification = true cases à cocher seulement:

var values = ""; 
$('#see, #saw').click(function() { 
if($(this).is(':checked')) 
    values += $(this).val(); 
}); 
$('#show').click(function() { 
    $("#field").val(values); 
}); 

E Dited: pour ajouter la fonctionnalité à l'Show Button

See working fiddle

Answer 2

Essayez quelque chose comme ceci:

$('input:checkbox').click(function() { 
    $('#field').val($('#field').val() + $(this).val()); 
});​ 

Voici un fiddle de travail.

Si vous avez besoin d'une variante où vous enregistrez uniquement les clics qui créent un état vérifié, juste envelopper l'affectation dans:

if($(this).is(':checked')) {...}