jquery 复选框全部选中和取消

HTML代码

<table class="result-tab" width="100%">
    <tr>
        <th class="tc" width="5%"><input class="allChoose" name="" type="checkbox"></th>
        <th width="10%">排序</th>
        <th width="10%">ID</th>
        <th>栏目名称</th>
        <th>操作</th>
    </tr>
    <volist name='categories' id="vo">
    <tr>
            <input name="ids[]" value="{$vo.cid}" type="hidden">
        <td class="tc"><input name="id[]" value="" type="checkbox"></td>
        <td>
            <input name="ids[]" value="{$vo.sortid}" type="hidden">
            <input class="common-input sort-input" name="ord[]" value="{$vo.sortid}" type="text">
        </td>
        <td>{$vo.cid}</td>
        <td title=""><a target="_blank" href="#" title="">{$vo.title}</a> 
        </td>
        <td>
            <a class="link-update" href="__CONCTROLLER__/update/{$vo.cid}">修改</a>
            <a class="link-del" href="__CONCTROLLER__/del/{$vo.cid}">删除</a>
        </td>
    </tr>
    </volist>   
</table>

<script>
    //全选和反选
    $(".allChoose").change(function(){
        if( $(this).is(':checked')){
            // $("td.tc input").each(function(){
            //     $(this).
            // });
            $('td.tc input:checkbox').prop('checked',"checked");
        }else{
            $('td.tc input:checkbox').removeAttr("checked");
        }
    });
</script>

效果图