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

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

效果图：

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

html代码复制区：

客户意向楼盘：

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

文昌

666

其他区域

777

定安

888

999

其他区域

0003

注：最多选择5个楼盘(已选0个)

完成

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);

}

});

});