如果選中復選框，則傳遞復選框值

Question

我有一個復選框列表，看起來像這樣：

<div class="checkbox">
<label><input type="checkbox" value="west" name="west" id="west" checked="{{isChecked}}">West</label>
</div>
<div class="checkbox">
<label><input type="checkbox"  checked="{{isChecked}}" name="airport" id="airport" value="airport">Airport</label>
</div>
<div class="checkbox">
<label><input type="checkbox"  checked="{{isChecked}}" name="north" id="north" value="north">North</label>
</div>

我設法將每個復選框的狀態作為布爾值傳遞給集合，如下所示：

var eventLocation = [
event.target.west.checked,
event.target.airport.checked,
]

但是，我只想傳遞選中的復選框的值。 我知道我可以通過event.target.west.value傳遞復選框的值，但是要僅獲取已選中的復選框，我將不得不編寫許多條件，但條件伸縮性不佳。 有更好的方法嗎？

謝謝！

Answer 1

您可以使用以下方法快速收集所有選中的復選框：

var checked = $("input:checked");

這將返回一個數組，您可以循環獲取id，值或名稱。

checked.forEach(function(c){
  console.log('input id: '+c.id+' name: '+c.name+' value: '+c.val+' is checked!');
});