Как правильно вывести чекбоксы?

var count = 0;
var count_max = 3;
var s = "green";
function checkState() {
    var $checkbox = $(this);
    if ($checkbox.prop("checked") == true) {
        var item = this.getAttribute("value");
        count++;
        if (count > count_max){var s = "green";} else {var s = "red";}
        document.getElementById('result').innerHTML += '<ss class='+s+'>'+count+' '+item+'</ss><br />';
    }
}
$(function(){
    $("allblock").change(function () {
        document.getElementById('result').innerHTML = '';
        $(":checkbox").each(function(){
            checkState.apply(this);
            $(this).on('click', checkState);
        });
    });
});

    function f (list, out, limit) {
        var arr = typeof list === "string" ? document.querySelectorAll (list) : list,
            o = typeof out === "string" ? document.querySelector (out) : out,
            c = getComputedStyle (o)["color"],
            f = function () {
                var r = [];
                for (var i = 0, len = arr.length; i < len; i++)
                    if (arr [i].checked) r.push (arr [i].parentNode.textContent);
                o.style.color = limit && r.length > limit - 1 ? "red" : c;
                o.innerHTML = r;
            };
        [].forEach.call (arr, function (e) {e.addEventListener ("change", f);})
    }
 
    window.addEventListener ("load", function () {
        // f ("селектор input элементов", "селектор блока для вывода результата", лимит);
        f ("#inpBlock input", "#res", 4);
    });