javascript - 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>

我想做的是使用javascript从这些复选框中获取文本，具体取决于是否选中了复选框。例如，如果只选中第一个，那么我想创建一个字符串“Car”。如果选中第二个和第三个复选框，则应该是“卡车，松鼠”。如果所有三个都选中，则字符串应为“汽车、卡车、松鼠”等。

是否有捷径可寻？

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();
}