$(document).ready(function () {
    $("#checkall").click(function () {
        $("div.unchecked").each(function () {
            $(this).removeClass().addClass("checked");
            $(this).find("input[id$='selected']").attr('value', '1');
        });
    });
});

$(document).ready(function () {
    $("div[id$='checkcol']").click(function () {
        var selected = $(this).find("input[id$='selected']");
        if ($(selected).val() == "1") {
            $(this).removeClass().addClass("unchecked");
            $(selected).attr("value", '0');
        }
        else {
            $(this).removeClass().addClass("checked");
            $(selected).attr("value", "1");
        }
    });
});


$(document).ready(function () {
    $("div[id$='checkcol']").each(function () {
        var selected = $(this).find("input[id$='selected']");

        if ($(selected).val() == "1")
            $(this).removeClass().addClass("checked");
        else
            $(this).removeClass().addClass("unchecked");
    });
});