计算单个复选框被选中的次数

Count how many times a single checkbox is checked

本文关键字:单个 复选框 计算      更新时间:2023-09-26

如何计算复选框从未选中切换到已选中的次数?

<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
}

与其给变量赋值某项被选中的次数,不如把这个计数赋值给一个data属性,因为这个计数是与元素相关的。

$(":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/SeanWessell/xsazxevk/

您可以使用下面的函数来计算单个复选框被选中的次数:

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