フロントエンドのクイックノート-jsは、選択されたチェックボックスの数を監視し、最大で選択肢の数を制限します

1.フロントエンドインターフェース

選択したチェックボックスが下に表示されます。
選択したチェックボックスの数が最大値に達すると、チェックボックスを選択できなくなります。

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

})