【问题标题】:disable/enable button when checkboxes is not checked未选中复选框时禁用/启用按钮
【发布时间】:2018-11-07 23:31:25
【问题描述】:

我有一个 C# 中的 MVC 应用程序,并且在一个视图中会有一些复选框,并且在这个复选框列表中,一些复选框将从数据库中“选中并禁用”,这取决于我是否传递了一些或其他 ID 值。
但我的问题是我的按钮只有在我选中一个复选框启用或者我有超过 2 个启用并选中所有启用的复选框并且没有选中禁用的复选框时才能提交。 click here

<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>

【问题讨论】:

  • 目前还不是很清楚问题是什么。像我如何启用提交按钮时...什么时候?你能描述一下这种情况吗?
  • 查看复选框 -- 元素应该有唯一的 id,否则容易出错
  • 能否请您编辑您的问题。不知道check a checkbox enable or if i have more than 2 enable and checked all the checkboxes enabled and not checked the checkbox disabled是什么意思
  • 当您打开小提琴时,您希望启用的复选框被选中?
  • 是的,但不是禁用和选中的复选框。当我逐一检查并且按钮启用时,它的工作原理。但是当我 SelectAll 我不知道发生了什么。 jsfiddle.net/senoritave83/hcsjz1do/1

标签: javascript jquery checkbox


【解决方案1】:

你可以像这个例子一样在jQuery中使用checkbox的checked属性和button的disabled属性:

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

});

【讨论】:

  • jsfiddle.net/senoritave83/hcsjz1do/4 感谢 TheSelectall 的工作!!!!!!!但是我现在的问题是,当我一一选中/取消选中时,我失去了启用/禁用按钮的操作。
猜你喜欢
  • 1970-01-01
  • 2022-10-13
  • 2015-12-09
  • 1970-01-01
  • 1970-01-01
  • 2020-12-28
  • 2015-08-02
  • 2017-12-28
  • 1970-01-01
相关资源
最近更新 更多