全选---打牢基础 是深入编程的前提

一个全选的功能，我在去年已经写过。去年js，记忆不知是否真实，仿佛这次有问题的地方去年遇到过，周哥说，数据没问题，先这样吧。Q1，事件加在父级，点击触发两次。Q2，引用模板，加载顺序问题。Q3，具体的js设置checkbox checked，用的prop()。（此外，attr无效，is(“:checked”)等。）曲线救国，改变html结构卓有成效。

<div class="i-checks ">
                                    <input type="checkbox" value="" style="position: absolute; opacity: 0;">
                                    <span class="fontgray">应聘：</span>iOS工程师
                            </div>

去掉原有结构的label。

$(document).ready(function () {
        $('.i-checks').iCheck({
            checkboxClass: 'icheckbox_square-green',
        });
        ifCheck();
        checkAll();
    });

    function checkAll() {
        var $checkAll =$("#checkAll").next();
        $.each($checkAll,function(i,n){
            $checkAll.eq(i).click(function(){
                if ($(this).parent().hasClass("checked")) {
                    $(".resume_lists .icheckbox_square-green").addClass("checked");
                    $(".resume_lists input").prop("checked",true);
                } else {
                    $(".resume_lists .icheckbox_square-green").removeClass("checked");
                    $(".resume_lists input").prop("checked",false);
                }
            });
        });
    }

    function ifCheck(){
        var $checkBox = $(".resume_lists ins");
        $.each( $checkBox, function(i, n){
            $checkBox.eq(i).click(function(){
                checkState();
            })
        });
    }

    function checkState(){
        var len = $(".resume_lists .icheckbox_square-green").length;
        var len2 = $(".resume_lists .checked").length;

        if(len==len2){
            $("#checkAll div").prop("checked",true);
            $("#checkAll div").addClass("checked");
        }else{
            $("#checkAll div").removeClass("checked");
            $("#checkAll div").prop("checked",false);
        }
    }

觉得一个全选代码是否太多了。
网上的bootstrap模板，这个没记错的话知道有三家公司用这个了。模板连接
（感觉做网站并没有太大意思····呸呸，打你 去干活 做的很溜是咋）
bootstrap蛮烦的，样式规定这么多，完全不能自己添加样式？？
（我的代码没有多少逻辑可言。。去你的，就一个全选要多少逻辑，别bb）