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”。如果选中第二个和第三个复选框，那么它应该是“Truck，Squirrel”。如果检查了所有三个，则字符串应为“Car，Truck，Squirrel”等。

有一种简单的方法吗？

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

HTML和Javascript，从多个复选框中获取文本

1 个答案: