0
249
ViewsLa 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 answers
Answer question0
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
Report
Answer question