Javascript 特定情况下的关闭模式4

我想禁用模态。如果选中的复选框超过1个，则仅允许选中1个复选框。现在，当我点击按钮模式，它只是弹出没有错误。但是，它总是允许的

<input type="checkbox" id="check-all">
<input type="checkbox" class="check">
<input type="checkbox" class="check">
<input type="checkbox" class="check">

<button id="btn-edit" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
    EDIT
</button>
<div class="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">TEMPLATE MESSAGE</h5>
                <button id="btn-close" type="button" class="close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form method="post" action="">
                    <div class="form-group">
                        <textarea id="value-message" type="text" class="form-control" name="template-message" placeholder="Message"></textarea>
                    </div>
                    <div class="row">
                        <div class="col">
                            <button id="btn-save" class="btn btn-primary">Save</button>
                        </div>
                        <div class="col text-right">
                            <span id="length-message"></span><span> / 160</span>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

编辑
模板消息
&时代；
拯救
/ 160

Jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

$("btn-edit").click(function(){
  var checkLength = 0;

  for(var i = 0; $('.check').length; i++){
    checkLength += 1;
  }

  if(checkLength > 1){
     $(".modal").on("shown.bs.modal", function(){
       $(".modal").modal("hide");
     });
  }else{
     $(".modal").modal("show");
  }   
});

$（“btn编辑”）。单击（函数（）{
var-checkLength=0；
对于（var i=0；$（'.check'）.length；i++）{
校验长度+=1；
}
如果（检查长度>1）{
$（.modal”）.on（“show.bs.modal”，function（）{
$（“.modal”）.modal（“隐藏”）；
});
}否则{
美元（“.modal”）.modal（“show”）；
}   
});

首先：

btn edit

是一个ID，您应该使用

\btn edit

SECOND:要获取特定类的复选框长度，应使用：

$('input:checkbox.check:checked')

THIRD:您不需要for循环，因为上面的代码将为您提供选中复选框的数量

FORTH:这是一个靠近代码的示例：

$（“#btn编辑”）。单击（函数（）{
if（$（'input:checkbox.check:checked'）。长度>1）{
$（“.info”）.html（“超过1！模式将不显示”）；
$（“.modal”）.hide（）；
}
else if（$（'input:checkbox.check:checked'）。长度==1）{
$（“.info”）.html（“仅选中一个复选框。模式将显示！”）；
$（“.modal”）.show（）；
}
否则{
$（“.info”）.html（“未选中复选框。模式将不显示！”）；
$（“.modal”）.hide（）；
}   
});
.info{
边框：1px纯绿色；
}
.莫代尔{
边缘顶部：5px；
边框：1px纯蓝色；
显示：无；
}

编辑
选中复选框！
我仅在选中一个复选框时显示。