Tengo una tabla con una cuadrícula de datos (casillas de verificación y etiquetas en cada fila). Quiero deshabilitar un botón comprobando si una etiqueta está "Prohibida". El usuario puede marcar varias casillas de verificación. Entonces, mi pregunta es cómo obtengo todas las casillas marcadas y luego verifico si la etiqueta en cada fila seleccionada tiene el valor "Prohibido" para poder desactivar el botón.
Intenté algo como esto:
$(function() { checkboxes = document.querySelectorAll('[id=checkId]'); var validateBtn = $('button[name="btnVal"]'); checkboxes.forEach((cb) => { cb.addEventListener('change', checkStatus); }); function checkStatus() { //to-do // if ($(this).is(":checked")) { var label = document.getElementById('statusLabel'); if (label.textContent == "Forbidden") { validateBtn.prop('disabled', true); } } });La tabla se ve así: ingrese la descripción de la imagen aquí . En este caso, el botón debe estar deshabilitado ya que hemos seleccionado un estado prohibido.
Puede marcar la propiedad de la casilla de verificación y deshabilitar el botón de acuerdo a esto será:
$('#id_of_your_checkbox').click(function() { if ($(this).is(':checked')) { $('#id_of_your_button').attr('disabled', 'disabled'); } else { $('#id_of_your_button').removeAttr('disabled'); } });