1 funcionamiento: Mediante un select->option cargo información a un div el cual contendrá un form y dentro de dicho form una tabla con un checkbox general que controla si se tienen que marcar todos los checkboxes o no de la tabla y despues tiene un checkbox por cara row junto con info.
2 El problema: a la hora de editar relleno correctamente el select->option pero no consigo que se marquen los checkboxes que corresponden de hecho no consigo que se marque ningun checkbox.
He quitado ciertas funciones que no pintaban mucho como el ajax que enviaba los datos hacia el servidor
vista Blade
<div class="container col">
<div class="card subCabeceraModal">
<div class="row">
<div class="col">
<select class="form-control" id="clienteFusion">
<option value="">Selecciona un Cliente</option>
@foreach ($clientes as $var)
<option value="{{ $var->idCliente }}">{{ Str::length($var->cliente) >30? Str::substr($var->cliente, 0, 30).'....':$var->cliente}}</option>
@endforeach
</select>
</div>
</div>
<div class="row">
<div class="col" id="engancheOfertas">
<div id="tablaOfertas" style="height: 700px">
@if($ventas!='')
<div class="table-responsive" style="height: 500px">
<form id="fusionOfertasForm" name="fusionOfertasForm">
@csrf
<table class="table tablaPersonalizada table-bordered table-striped mb-0" style="overflow-y:auto;">
<thead>
<tr>
<th scope="col" class="col-1 cabeceraTabla">
<input type="checkbox" id="selectAllFusionOferta" name="selectAllFusionOferta">
</th>
<th scope="col" class="col-1 cabeceraTabla">ID</th>
<th scope="col" class="col-2 cabeceraTabla">FECHA</th>
<th scope="col" class="col-2 cabeceraTabla">TIPO</th>
<th scope="col"class="col-7 cabeceraTabla">OBSERVACIONES</th>
</tr>
</thead>
<tbody>
@foreach ($ventas as $venta)
<tr id="{{$venta->oferta->idOferta}}">
<td>
<input type="checkbox" class="selectFusionOferta" value="{{ $venta->oferta}}" name="selectFusionOferta[]">
</td>
<th scope="row">{{$venta->oferta->idOferta}} </th>
<td> {{ date("j-n-Y", strtotime($venta->oferta->fechaEnvioOfertaInicial))}} </td>
<td>{{$venta->tipo}}</td>
<td> {{$venta->oferta->observaciones}}</td>
</tr>
@endforeach
</tbody>
</table>
<div class="col mt-3">
<button id="fusionOfertasFormBoton" type="button" class="btn btn-success">Fusión</button>
</div>
</form>
</div>
@endif
<script>
$(function(){
let validacion=0;
$('#clienteFusion').on('change', function(){
addInfoTabla($('#clienteFusion').val());
});
//selectores
$('#engancheOfertas').on('change', '#selectAllFusionOferta',function(){
$('input:checkbox').not(this).prop('checked', this.checked);
$('#fusionOfertasFormBoton').attr('disabled', false);
})
function editar(){
let editarCliente_id= <?php echo isset($editarCliente_id)?$editarCliente_id:0; ?> ;
let editarOfertas_id= <?php echo isset($editarOfertas_id)?json_encode($editarOfertas_id):0; ?>;
let ruta= "{{ $ruta ?? '' }}";
if (editarCliente_id!=0 && editarOfertas_id!=0 && ruta!='') {
console.log(editarOfertas_id);
//Cargo la informacion en los respectivos sitios
//select
$('#clienteFusion').val(editarCliente_id);
addInfoTabla($('#clienteFusion').val());
}
}
editar();
function addInfoTabla(cliente){
$.get('/ofertas-crear-grupos',{cliente: cliente } , function(respuesta){
$("#tablaOfertas").html( $(respuesta).find(' #tablaOfertas'));
validacion= $("#fusionOfertasForm").validate({debug: true,rules:{"selectFusionOferta[]":{required:true}}});
});
}
});
</script>
select
se marcan por defecto con el atributoselected
en eloption
y loscheckbox
con el atributochecked
; en que momento haces eso??? si no lo haces tienes que hacerlo, esa parte no la logro ver en tu codigo...