計算單個復選框被選中的次數

Question

如何計算復選框從未選中切換到選中的次數？

<input type="checkbox" id="auto_<?= $sub_module_id ?>" onclick="test(<?= $sub_module_id ?>)" />

我的 JavaScript 代碼：

function test(sub_module_id){
    $('#auto_'+sub_module_id).is(':checked'); //returns true,
    // I want to count when checked
}

Answer 1

與其給變量分配一個被檢查的次數的計數，為什么不將計數分配給數據屬性，因為計數是專門與元素相關的？

$(":checkbox").click(function () {
    var $this = $(this);
    if (typeof ($this.data("count")) == "undefined") {
        $this.data("count", 0);
    };
    if ($this.is(":checked")) {
        $this.data("count", $this.data("count") + 1)
        alert($this.data("count"));
    }
});

然后當你需要訪問它時，你可以使用$("#check1").data("count");

http://jsfiddle.net/SeanWesell/xsazxevk/

Answer 2

您可以使用下面的函數來計算單個復選框被選中的次數：

var countChk = 0; 
function test(){
    if(jQuery('#auto').is(':checked'))
    {
        countChk = countChk+1;
        alert(countChk);
    }
}