簡體   English   中英

未選中復選框時禁用/啟用按鈕

[英]disable/enable button when checkboxes is not checked

我在C#中有一個MVC應用程序,並且在視圖中將有一些復選框,並且在此復選框列表中,某些復選框將從數據庫中“選中並禁用”,具體取決於我是否傳遞了ID的某些值或其他值。
但是我的問題是,如果我選中一個復選框啟用,或者如果我有兩個以上啟用並選中了所有選中的復選框,而未選中禁用的復選框,那么我的按鈕只能提交。 點擊這里

<input type="checkbox" name="SelectAll" id="checkboxPrincipal" />SelectALL


    @foreach (var item in Model)
        {


<input type="checkbox"   id="mycheckbox" class="mycheck"  onchange="isChecked(this,'myButton');" checked="checked" disabled="disabled"/>
<input type="checkbox"   id="mycheckbox" class="mycheck" onchange="isChecked(this,'myButton');"/>
<input type="checkbox"   id="mycheckbox" class="mycheck" onchange="isChecked(this,'myButton');"/>


                }




    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" id="myButton" name="myButton" disabled >Actualizar</button>


        <script type="text/javascript">
         function isChecked(mycheckbox,myButton) {
            console.log(myButton);
            var myLayer = document.getElementById(myButton);
            if (mycheckbox.checked == true) {
                myLayer.disabled = false;
            } else {
                myLayer.disabled = true;
            }
        }


        $('.checkboxPrincipal').change(function () {
           if ($('.checkboxPrincipal:checked').length == $('.checkboxPrincipal').length) {
              $('#myButton').prop('disabled',true);
           }
           else{
              $('#myButton').prop('disabled',false);
           }
         });

    </script>

您可以像下面的示例一樣在jQuery中使用復選框的選中屬性和按鈕的禁用屬性:

$(document).ready(function () {
if(chkbox1.checked==true) {
   $('button').attr('disabled','disabled');
}

});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM