功能 onchange/click for laravel form::checkbox?答案

【问题标题】：function onchange/click for laravel form::checkbox?功能 onchange/click for laravel form::checkbox?
【发布时间】：2022-08-19 00:46:57
【问题描述】：

所以，我试图让一些禁用的输入在你选中它上面的复选框时启用，但我似乎无法找到如何

<ul class=\"list-unstyled\">
    @foreach ($almacenes as $almacen)
        <li class=\"list-group-item\"> 
            <label>
                {!! Form::checkbox(\'almacenes_id[]\', $almacen->id,null) !!}
                {{ $almacen->id }} - {{ $almacen->nom_alm }}
            </label>                    
                <input type=\"number\" name=\"available[]\" id=\"available[]\" class=\"form-control\" value=\"0\" disabled>
        </li>
    @endforeach
</ul>

我的功能是：

<script>
    function almacenes_id(){   
          if (document.getElementById(\"almacenes_id\").checked)
          document.getElementById(\'disponible\').disabled = false;
              
          else
          document.getElementById(\'disponible\').disabled = true;
                    
        }

标签： javascript php laravel laravel-8

【解决方案1】：

    <ul class="list-unstyled">
        @foreach ($almacenes as $almacen)
            <li class="list-group-item"> 
                <label>
    <input type="checkbox" name="almacenes_id[]" id="almacenes_id" value="1" class="form-control" onchange="getChecked()">                
                    {{ $almacen->id }} - {{ $almacen->nom_alm }}
                </label>                    
                    <input type="number" name="available[]" id="available" class="form-control" value="0" disabled>
            </li>
        @endforeach
    </ul>

<script>
function getChecked() {
    const checkBox = document.getElementById("almacenes_id").checked;
      
      if (checkBox !== true) 
      {        
       document.getElementById('available').disabled = true;        
      } else if (checkBox === true) 
      {        
        document.getElementById('available').disabled = false;       
      }
}                              
</script>

【讨论】：