javascript - jQuery（移动）：获取所有选中的项目（复选框）

Question

我很难找到解决这个问题的方法。我有很多复选框，我想知道其中有多少被选中。每次选中/取消选中一个框时，该值都需要更新。

到目前为止我所拥有的：

http://jsfiddle.net/drhmorw5/3/

---

到目前为止我的代码：

function selected() {
var i = 0;
$("#names").each(function () {
    if ($(this).prop("checked") === true) {
        i++;
        $("#checked").text("Sum  Checked: " + i);
    }

})
};
$("#checked").text("Sum Checked: ");

Answer 1

$(function(){
$('#names input[type=checkbox]').change(function(){
    $("#checked").text($('#names input[type=checkbox]:checked').length);

});
    
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<div id="names">
    <label>
        <input type="checkbox" name="checkbox-0" class="check">Name 1</label>
    <label>
        <input type="checkbox" name="checkbox-0" class="check">Name 2</label>
    <label>
        <input type="checkbox" name="checkbox-0" class="check">Name 3</label>
    <label>
        <input type="checkbox" name="checkbox-0" class="check">Name 4</label>
    <label>
        <input type="checkbox" name="checkbox-0" class="check">Name 5</label>
    <label>
        <input type="checkbox" name="checkbox-0" class="check">Name 6</label>
</div>
<br>
<br>
Sum Checked: <span id="checked">0</span>