javascript - 異なるクラス内のさまざまなチェックボックスを個別に制限する

Question

私はJSとjQueryの初心者で、私の知識では解決できない問題に直面しています...ユーザーがさまざまなオプションでさまざまな種類のサラダを選択できるサイトを持っていますが、選択肢を制限する必要がありますいくつかのアイテムと私はそれを行う方法がわかりません. チェックボックスはクラス内にありますが、それらが多すぎて、特定のクラスにあるものを制限したかっただけです。

$(document).ready(function(){
            $('#dressing-1 input[type=checkbox]').click(function(){
                if($('#dressing-1 input[type=checkbox]:checked').length>=2){
                    alert($('#dressing-1 input[type=checkbox]:checked').length);
                    $('#dressing-1 input[type=checkbox]:not(:checked)').prop("disabled", true);
                } else {
                    $('#dressing-1 input[type=checkbox]').prop("disabled", false);
                }
            });
    });

これは私が現在持っているコードであり、機能していますが、最初の項目のみです。このコードをクラスのすべてのアイテムで利用できるようにしたいと思います。今のところ、うまく機能することを裏付ける.contenido-dressignために id を使用しています。#dressing-1アイデアは、 #dressing-1 #dressing-2 などを使用する代わりに、よりエレガントなコードを作成することです...そのため、これをコンテナに適用しようとしています.contenido-dressing。

これはサイトです: lunchtime.cl/menu