JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<br>
<input type="button" id="button-id" value="submit">

JavaScript

var mvp = 3;

$(document).ready(function () {


    $("input:checkbox").each(function (index) {
        this.checked = (index < mvp);
    });

    $("input:checkbox").click(function () {

        var bol = $("input:checkbox:checked").length < mvp;

        if (bol) {
            alert("You have to choose " + mvp + " mvp's only");
            this.checked = false;
            $("#button-id").attr("disabled", true);
        } else {
            $("input:checkbox").not(":checked").attr("disabled", bol);
            $("#button-id").attr("disabled", false);
        }
    });

});