js全选作为按钮实现全选和不全选的操作

为什么80%的码农都做不了架构师？>>>   

//checkall 作为全选按钮
$("#checkall").click(function () {
    var num=0;
    var _name=document.getElementsByName("_city");  //获取所有可选checkbox的数量
    for(var i=0;i<_name.length;i++){
        if(_name[i].checked=="checked"||_name[i].checked==true){  //判断选取checkbox的长度
            num+=1;
        }
    }
    if(num==_name.length){                   //比较所选取的长度与总长度
        $('[name=_city]:checkbox').prop("checked",false);
    }else{
        $('[name=_city]:checkbox').prop("checked",true);
    }
})

//统计选择的值

$('[name=_city]:checkbox:checked').each(function () {
        // $this.val();
        $(".product_table_addr").append('<tr><td>'+country+'</td><td>'+province+'</td><td>'+$(this).val()+'</td><td><a class="delete_reception ">删除</a></td></tr>');
});

//删除操作

$(".product_table_addr").on("click",".delete_reception",function(){   //delete_reception 为动态表格中操作的值
    $(this).parents("tr").remove(); 
});

转载于:https://my.oschina.net/SimTao/blog/1542711