Есть набор чекбоксов
<label><input class="calc" type="checkbox" data-price="дата 1" value="валуе 1">checkbox 1</label><br>
<label><input class="calc" type="checkbox" data-price="дата 2" value="валуе 2">checkbox 2</label><br>
<label><input class="calc" type="checkbox" data-price="дата 3" value="валуе 3">checkbox 3</label>
<input name="options[file]" type="" id="file" value="" />
Нужно получить значения data-price у тех чекбоксов, которые будут выбраны, и записать в value input#file. Сейчас скрипт записывает лишь одно значение последнего выбранного чекбокса
$('.calc').on('click', function () {
$('input:checkbox:checked').each(function() {
$('#file').val($(this).data('price') + ' ');
});
});
подскажите, пожалуйста, что подправить https://jsfiddle.net/49mq2rfp/3/