tengo el siguiente problema, tengo un formulario, donde al seleccionar una fecha me trae unos checkbox que me responde un json, todo depende del día que selecciono. El form tiene otros datos aparte, y mi guardar va con un submit. El problema se me genera que si completo todos los campos del formulario, menos los checkbox, me arroja la alerta que no seleccione ninguno (que eso esta bien, porque me esta validando el campo), pero de vuelta no me muestra los checkbox, los pierdo, solo me vuelven a aparecer si selecciono la fecha. Tengo mi siguiente código del formulario
<form action="{{route('crear', array_merge(array("t"=>$tt)))}}" method="post" id="formValidacion" enctype="multipart/form-data" novalidate="true">
{{ csrf_field() }}
//Aca tengo más datos del form, como área, fecha, descripciones
//Este div me trae los checkbox
<div class="col-xl-12">
<label>Seleccione</label>
<div id="periodos"></div>
</div>
<button type="submit" class="btn btn-primary">Guardar<i class="icon-paperplane"></i></button>
</form>
Y en mi jquery tengo esto:
<script>
$(document).ready(function () {
$('#fecha').change(function (){
event.preventDefault();
fecha=$(this).val();
url="{{route('periodos')}}";
$.getJSON(url, {e: fecha}, function (data) {
swal.close();
$("#periodos").html('');
var string1 = JSON.stringify(data);
var parsed = JSON.parse(string1);
$.each(parsed, function (i, item) {
$('#periodos')
.append('<input type="checkbox" id="' + item.Id + '" name="periodos[]" value="' + item.Id + '">')
.append('<label>' + item.Label + '</label></div>')
.append('<br>');
});
})
});
});
</script>
Como lograr, si el form arroja error, mis checkbox sigan apareciendo, sin tener que seleccionar la fecha nuevamente? Ayuda por favor
<input type="checkbox" id="periodo" name="periodo" @if (old('periodo')) checked @endif>
$('#periodos').append(
esta insertando los checkbox dentro del checkbox inicial, eso esta mal diseñado y programado y los checkbox se eliminan si ocurre algun evento que le haga trigger al campo de fechas.jquery
yajax
debes usar funciones delegadas: esto$('#fecha').change(function (){
debería de ser:$(document).on('change','#fecha', function (){