将整数添加到jquery计数器

时间:2014-10-21 17:18:58

标签: javascript jquery checkbox

此计数器效果很好,只有一个小问题。我需要它,以便选择复选框时的数字增加如下:

001,002,003,010,121等

参考:http://www.911dj.com/newsite/song-requests.htm

$(function () {
    $('#countcheck .counter').text(' ');
    var generallen = $("#song_list input[class='counted']:checked").lengthx0;
    if (generallen > 0) {
        $("#countcheck .counter").text('(' + generallen + ')');
    } else {
        $("#countcheck .counter").text('000');
    }
})
function updateCounter() {
    var len = $("#song_list input[class='counted']:checked").length;
    if (len > 0) {
        $("#countcheck .counter").text('' + len + '');
    } else {
        $("#countcheck .counter").text('000');
    }
}
$("#song_list input:checkbox").on("change", function () {
    updateCounter();
});

1 个答案:

答案 0 :(得分:0)

修改你的updateCounter函数,使它根据检查的复选框数量在长度上添加零。

function updateCounter() {
    var len = $("#song_list input[class='counted']:checked").length,
        filler = '';
    if (len > 0) {
        if (len < 10) {
            filler = '00';
        } else if (len < 100 && len > 10) {
            filler = '0';
        }
        $("#countcheck .counter").text(filler + len);
    } else {
        $("#countcheck .counter").text('000');
    }
}