HTML и Javascript, Получение текста из нескольких флажков

Question

У меня есть три флажка. Например,

<input type="checkbox" name="vehicle" /><label>Car</label> 
<input type="checkbox" name="vehicle2" /><label>Truck</label> 
<input type="checkbox" name="vehicle3" /><label>Squirrel</label> 

То, что я пытаюсь сделать, это получить текст из этих checkboxs с использованием JavaScript в зависимости от того, или нет, проверяется флажок. Например, если проверяется только первый, то я хочу создать строку «Автомобиль». Если отмечены второй и третий флажки, то это должен быть «Грузовик, Белка». Если все три проверены, строка должна быть «Автомобиль, Грузовик, Белка» и т. Д.

Есть ли простой способ сделать это?

Answer 1

var $c = $('input[type="checkbox"]').on('change', function() { 
    var s = $c.filter(':checked').map(function() { 
       return this.nextElementSibling.innerHTML; 
      }).get().join(); 
}); 

В случае, если вы не хотите слушать события изменения:

function getCSV() { 
    return $('input[type="checkbox"]').filter(':checked').map(function() { 
       return this.nextElementSibling.innerHTML; 
      }).get().join(); 
}