jQuery: Add values of checkboxes to input text field

Question

I\'m trying to add the values of any checked checkbox to an input text field. Here\'s my fiddle: http://jsfiddle.net/Lf6ky/

Answer 1

Problem

1. if($(':checkbox:checked')) will always be true
2. var fields = $(":checkbox").val(); Will give first checkbox value

You can try this.

$(document).ready(function() {
  $(":checkbox").on('click', function() {
    var fields = '';
    $(":checkbox").each(function() {
      if (this.checked) {
        fields += $(this).val() + ' ';
      }
    });
    $('#field_results').val($.trim(fields))
  });
});

1


2


3