0
210
Visualizações¿Cómo puedo eliminar un elemento en un objeto?
Tengo una casilla de verificación que agrega una identificación de su valor en la matriz cuando está marcada y quiero eliminar este valor cuando lo desmarco
Traté de eliminar mi identificación con indexOf() + splice() pero no puedo usar indexOf() porque estoy usando un objeto
¿Alguien tiene una idea de cómo puedo eliminar mi identificación cuando desmarco mi casilla de verificación, o si hay un truco para usar indexOf con un objeto?
ahí está mi guión:
$(document).ready(function() { const formInputIds = $('form#export input[name="ids"]'); $('.exportCheckbox:checkbox').on('change', function() { const announceId = $(this).data('id'); if (this.checked) { formInputIds.push(announceId); console.log(formInputIds); } else { const index = formInputIds.val().indexOf(announceId); if (index > -1) { formInputIds.val().splice(index, 1); } console.log(formInputIds); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="export" action="exportAnnounces"> <input type="hidden" name="ids" value="[]" /> <button type="submit" class="btn btn-primary">Download</button> </form> <some data of product displayed> <input type="checkbox" data-id="{{annonce._id}}" class="exportCheckbox"/>está el console.log de formInputIds con 3 ids:
·
Juan Pablo Isaza
1 Respostas
Responde à pergunta0
Considera lo siguiente.
$(function() { var formInputIds; function getChecked(target) { var results = []; $("input[type='checkbox']", target).each(function(i, elem) { if ($(elem).is(":checked")) { results.push($(elem).data("id")); } }); return results; } $('.exportCheckbox').on('change', function(event) { formInputIds = getChecked($(this).parent()); console.log(formInputIds); }); $("#export").submit(function(event) { event.preventDefault(); console.log(formInputIds); $("[name='ids']", this).val("[" + formInputIds.toString() + "]"); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="export" action="exportAnnounces"> <input type="hidden" name="ids" value="[]" /> <button type="submit" class="btn btn-primary">Download</button> </form> <div class="some content"> <input type="checkbox" data-id="1001" class="exportCheckbox" /> <input type="checkbox" data-id="1002" class="exportCheckbox" /> <input type="checkbox" data-id="1003" class="exportCheckbox" /> <input type="checkbox" data-id="1004" class="exportCheckbox" /> <input type="checkbox" data-id="1005" class="exportCheckbox" /> <input type="checkbox" data-id="1006" class="exportCheckbox" /> </div>De esta manera, construye el Array basándose solo en los elementos marcados. No es necesario encontrar y cortar el artículo exacto.
·
Juan Pablo Isaza
Relatório
Responde à pergunta