checkbox doesn't work on bootstrap modal using a partial view on a .net core project

I'm developing on a bootstrap-modal over a partial view (.net core) and want to use some checkbox to complete my formulary but when giving click the checkbox doesn't change. It seems to be frozen

I'm using VS 2017, C#, .net core and IIS v10

<!-- enter code here--> 

<div class="modal-body">
    <!-- BEGIN FORM-->
    <div class="form">
        <div class="form-body">
            <form asp-action="Create" asp-controller="FormMetadata" method="post" class="form-horizontal" role="form" id="FormMetadataMTE" novalidate="novalidate">
                <div class="form-horizontal">
                    <div class="row">
                        <div class="col-xs-6">
                            <div class="form-group form-md-line-input">
                                <label class="control-label col-md-4" for="Requerido">Requerido</label>
                                <div class="col-md-4">
                                    <div class="md-checkbox-list">
                                        <div class="md-checkbox">
                                            <input class="md-check" data-val="true" data-val-required="The Requerido field is required." id="Requerido" name="Requerido" type="checkbox" value="true">
                                            <label class="col-md-1 md-checkbox md-checkbox-outline text-right" for="Requerido">
                                                <span class="inc"></span>
                                                <span class="check"></span>
                                                <span class="box"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="form-group form-md-line-input">
                                <label class="control-label col-md-4" for="VisibleEnGrid">VisibleEnGrid</label>
                                <div class="col-md-4">
                                    <div class="md-checkbox-list">
                                        <div class="md-checkbox">
                                            <input class="md-check" data-val="true" data-val-required="The VisibleEnGrid field is required." id="VisibleEnGrid" name="VisibleEnGrid" type="checkbox" value="true">
                                            <label class="col-md-1 md-checkbox md-checkbox-outline text-right" for="VisibleEnGrid">
                                                <span class="inc"></span>
                                                <span class="check"></span>
                                                <span class="box"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

I expect that my checkbox change of state when I give click over it