1.前端界面
选中几个checkbox就在下方显示;
记录选中的checkbox个数当达到最大值时,不能在选择checkbox。
<tr>
<td><%=carriage%></td>
<td><%=location%></td>
<td><input type="checkbox" value="" name="checkboxName" class="checkboxStyle"></td>
</tr>
<p>选座喽!已选座<span class="count">0</span>/<%=users.size()%></p>
js逻辑
// 得到选中的checkbox个数
//点击完成时显示已选个数
$(".checkboxStyle").click(function(){
var chk=$(".checkboxStyle");
var len = chk.filter(":checked").length;
if(len><%=users.size()%>){
if($(this).prop('checked')) {
return false;
}
}else{
$(".count").html(len);
}
})