jQuery: Werte von Kontrollkästchen zum Eingabetextfeld hinzufügen
Ich versuche, die Werte eines aktivierten Kontrollkästchens in ein Eingabetextfeld einzufügen. Hier ist meine Geige:http://jsfiddle.net/Lf6ky/
$(document).ready(function() {
$(":checkbox").on('click', function() {
if ($(':checkbox:checked')) {
var fields = $(":checkbox").val();
jQuery.each(fields, function(i, field) {
$('#field_results').val($('#field_results').val() + field.value + " ");
});
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<input type="text" id="field_results" /><br>
<input type="checkbox" value="1">1<br>
<input type="checkbox" value="2">2<br>
<input type="checkbox" value="3">3
In diesem Beispiel habe ich 3 Kontrollkästchen mit den Werten 1,2,3. Wenn ich auf alle diese Kontrollkästchen klicke, sollte das Eingabefeld folgendermaßen aussehen: 1 2 3
Wenn ich eines dieser Kontrollkästchen deaktiviere, sollte der entsprechende Wert im Eingabefeld verschwinden.
Wie mache ich das?