js监测checkbox复选框已选中个数，可限制最多选几个

点击某标签（eg:客户意向楼盘），出现弹出框（eg:楼盘复选框列表），监测checkbox复选框（楼盘）已选中个数，并实时显示；可限制最多选中个数。

效果图：

1、部分html代码：（类名称有些是框架里面的，可忽略；样式请自行调整）


html代码复制区：

	   <div>客户意向楼盘：</div>
       <div>
                <a href="#" id="choice">已选
                           <span class="last-count">0</span>个
               </a>
       </div>

------------------------------ 分割------------------------------------------------

  <div class="content div-marg">
                <ul>
               
                <li>
                    <p>文昌</p>
                    <label><input type="checkbox">666</label>
                </li>
                <li>
                    <p>其他区域</p>
                    <label><input type="checkbox">777</label>
                </li>
                <li>
                    <p>定安</p>
                    <div>
                        <label><input type="checkbox">888</label>
                    </div>
                    <label><input type="checkbox">999</label>
                </li>
               
                <li>
                    <p>其他区域</p>
                    <label><input type="checkbox">0003</label>
                </li>
            </ul>
            <div id="footer" class="bar">
                <span>注：最多选择5个楼盘（已选<span class="count">0</span>个）</span>
                <button class="button button-fill pull-right">完成</button>
            </div>
            <!-- <a href="" id="icon"> X</a> -->
        </div>

2、js代码截图：

js代码复制区：

//选中楼盘，点击完成时显示已选个数
        $(function(){
            var chk=$('#choice-lp input[type="checkbox"]');
            chk.click(function(){
                var len = chk.filter(":checked").length;
                if(len>5){
                    if($(this).prop('checked')) {
                        return false;
                    }
                }else{
                    $(".count").html(len);
                    $('.last-count').html(len);
                }
            });
        });