javascript - 检查一个复选框是否被选中jquery

Question

我有一个带有复选框的电视台列表，我正在尝试编写一个 jquery 函数来检查复选框是否被选中，但我正在做的是空的，所以我不确定如何检查复选框是否被选中检查。 html 和函数如下。

<div class="offline-data">
  <div class="stations-container">
    <% TelevisionStation.each do |station| %>
      <div class="offline-station" id="television-stations">
        <div class="checkbox">
          <label>
            <input type="checkbox" value="<%= station.id%>"> <%= station.name%> (<%= station.affiliate%>)</input>
          </label>
        </div>
      </div>
    <% end %>
  </div>

检查的功能是复选框被选中，这发生在点击事件上。

$('#television-stations').find('input:checked').each(function () {
  television_stations.push($(this).attr('value'));
});

Answer 1

对于 div (id=television-stations) 中的一系列复选框，您可以通过以下方式获取已选中的列表

var boxes = $('div#television-stations input[type=checkbox]');

或

var boxes = $("#television-stations").children("input:checked");

然后遍历它们，看看你能做什么检查

var television_stations = [];
$(boxes).each(function(){
    television_stations.push($(this).val());
});

找出你可以检查多少个

$(boxes).length;