table 里面的 checkbox 全选，取消，单选，选中一行后选中行高亮

<script type="text/javascript">
    //复选框
    $(function () {


        //表头中的checkbox （全选 反选）
        $("#cb1").click(function () {//thead>tr th:first :checkbox:first

            //判断当前是否选中
            var hasSelected = $("#cb1").attr("checked");
            //如果没选中，则移出clickedtr类，否则就加上clickedtr类
            $('tbody>tr')[hasSelected ? "addClass" : "removeClass"]("clickedtr").find(':checkbox').attr('checked', hasSelected); ;
            if (hasSelected) {
                // $('tbody>tr :checkbox').attr("checked", true);  // $("th:first :checkbox:first").attr("checked", true);
                //$("#selCheckbox").attr("checked", true);
            }
            else { // $('tbody>tr :checkbox').attr("checked", false); //$("th:first :checkbox:first").attr("checked", false);
                //$("#selCheckbox").attr("checked", false);
            }
        });

        $("#trid", this).click(function () {//tbody>tr,  直接给 tbody 里面的tr 命一个id=trid,然后这里用这个id
            //判断当前是否选中
            var hasSelected = $(this).hasClass("clickedtr");
            //如果选中，则移出selected类，否则就加上selected类                //find 是 查找内部的checkbox,设置对应的属性。
            $(this)[hasSelected ? "removeClass" : "addClass"]("clickedtr").find(':checkbox').attr('checked', !hasSelected);
        });


//   练习可以用这种方法     $(this).find("#selCheckbox").attr("checked", "checked");
//        $(this).find("#selCheckbox").removeAttr("checked");


    });

    $(function () {
        $("tr").