0
241
VisualizaçõesLa función de casilla de verificación de Jquery obtiene una identificación basada en los datos más grandes
Tengo problemas para encontrar la función de casilla de verificación jquery para obtener la identificación basada en los datos más grandes. Los datos seleccionados, por supuesto, se hacen clic y se verifican, no se desmarcan.
HTML:
<input type="checkbox" class="checkbox" name="id[]" data-id="001" data-weight="10" value="001"/> A (10 kg) <br> <input type="checkbox" class="checkbox" name="id[]" data-id="002" data-weight="20" value="002"/> B (20 kg) <br> <input type="checkbox" class="checkbox" name="id[]" data-id="003" data-weight="30" value="003"/> C (30 kg) <br> <input type="checkbox" class="checkbox" name="id[]" data-id="004" data-weight="40" value="004"/> D (40 kg) <br> <br> <br> <div>Heaviest Weight</div> <input type="text" id="getWeight"> <div>ID the Heaviest Weight</div> <input type="text" id="getId"><br>JavaScript:
$(document).ready(function() { var maximum = null; $(".checkbox").click(function(){ var value = $(this).data('weight'); maximum = (value > maximum) ? value : maximum; id = $(this).data('id'); $('#getId').val(id); $('#getWeight').val(maximum); }); });
·
Juan Pablo Isaza
1 Respostas
Responde à pergunta0
Intente repetir todas las casillas checked y compare cada peso, cada cambio de cada casilla.
$(document).ready(function() { $(".checkbox").change(function(){ var checkboxes = document.querySelectorAll(".checkbox:checked"); var maximum = 0; var maximumID = 0; checkboxes.forEach(checkbox => { var value = $(checkbox).data('weight'); if( value > maximum ){ maximum = value; maximumID = $(checkbox).data('id'); } }); $('#getId').val(maximumID); $('#getWeight').val(maximum); }); });
·
Juan Pablo Isaza
Relatório
Responde à pergunta