javascript - 如何使用输入复选框创建/更新数组

Question

在我看来，我正在迭代名为 @colleagues 的 Customers 集合，并将它们显示在列表中作为复选框输入，如下所示:

<ol>
  <% @colleagues.each do |c|%>
    <li>
       <input type="checkbox">
           <%= c.full_name %>
           <%= c.id %>
       </input>
    </li>
  <% end %>
</ol>

我想要做的是将每个选中/选定的名称收集在一个数组中，按下按钮后，该名称将发送到我的 Controller 。我的问题是，如何在 JavaScript 中创建动态数组，以便将同事的 id 添加到数组中或在未选中时将其删除？

谢谢

Answer 1

也许这个例子可以帮助你:

<ul id="featuresOptions" class="options" style="display: block;">
    <li><label><input type="checkbox" name="Apartment" value="6"> Apartment</label></li>
    <li><label><input type="checkbox" name="House" value="7"> House</label></li>
    <li><label><input type="checkbox" name="Lot" value="8"> Lot</label></li>
    <li><button class="button" id="featuresButton">Filter</button></li>
</ul>

$(document).on('click', "#featuresButton", function() {
    var formData = [];
    $("#featuresOptions li input").each(function(e) {
        if($(this).is(":checked")) {
            formData.push($(this).val());
        }
    });
});