Como validar array checkbox – javascript php jquery

Pregunta:


Que tal buen dia, alguien me podria decir como se puede hacer para que cuando presione el boton “BAJAR DATOS” si este esta vacio que no me redirija a la otra pagina y si al menos hay un checkbox activado y presione “BAJAR DATOS” si me redirija a la pagina.

Gracias.

<form action="datos.php" method="post" name="myform"> 
      <table class="table table-hover">
            <tr>
                <th></th><th></th><th></th><th></th>
                <th><input type="submit" name="formSubmit" value="BAJAR DATOS" class="btn btn-primary btn-round"/></th>
            </tr>

                <tr class="header">
                    <th class="colu">nombre</th>
                    <th class="colu">apellido</th>
                    <th class="colu">edad</th>
                    <th class="colu">sangre</th>
                    <th class="colu">enfermedad</th>        
                    <th class="escoger">
                        <p class="float_lefty">Escoger Todos</p>
                        <input class="float_lefty" type="checkbox" id="selectall"/>
                    </th>
                </tr>

                        <?php
                       if($myrow = mysql_fetch_array($result2))
                       {
                       do
                        {
                         $cuenta_datos++;

                        ?>

                           <tr> 
                                  <th class="colu"><?php printf("%s",$myrow["nombre"]);?></th>
                                  <th class="colu"><?php printf("%s",$myrow["apellido"]);?></th>
                                  <th class="colu"><?php printf("%s",$myrow["edad"]);?></th>
                                  <th class="colu"><?php printf("%s",$myrow["sangre"]);?></th>
                                  <th class="colu"><?php printf("%s",$myrow["enfermedad"]);?></th>  
                                  <th><p class="float_lefty" >Escoger Dato</p><input type="checkbox" class="case" name="case[]" value="<?php printf("%s",$myrow["nombre"]);?>"></th>
                          </tr>

                        <?php     
                            }while ($myrow = mysql_fetch_array($result2));
                            }else {

                            } 
                            //printf($cuenta_eventos);
                         ?>  

                                 <tr>
                                 <th></th><th></th><th></th><th></th>
                                 <th><input type="submit" name="formSubmit" value="BAJAR DATOS" class="btn btn-primary btn-round"/></th>
                                 </tr>
    </table>
            </form> 

Preguntado por: Houdini

Shaz

Una forma de hacerlo puede ser desactivando/activando el botón si algún checkbox está seleccionado o no:

$(function(){
  $('input:checkbox').change(function(){
    if ($('input:checkbox:checked').length > 0) {
      $('input:submit').prop({disabled: false}); 
    } else {
      $('input:submit').prop({disabled: true}); 
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input type="checkbox">primero<br>
  <input type="checkbox">segundo<br>
  <input type="checkbox">tercero
</div>
<input type="submit" value="bajar datos" disabled>

Si deseas simplificar un poco el código de @Shaz, puedes hacer lo siguiente:

$(function(){
 $('input:checkbox').change(function(){
  $('input:submit').prop({
   disabled: $('input:checkbox:checked').length===0
  });
 });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input type="checkbox">primero<br>
  <input type="checkbox">segundo<br>
  <input type="checkbox">tercero
</div>
<input type="submit" value="bajar datos" disabled>

Fuente

Related Posts:

¿Cómo obtener la respuesta de una llamada asíncrona (AJAX) fuera de ella? – javascript jquery asincrónico
Pregunta: Actualmente tengo esta función: function devuelveButaca(posicion){ var array = posicion.split('_'); var row = array; var column ...
Evitar múltiples toggle con misma clase – javascript
Pregunta: Para un evento toggle con puro javascript lo desarrollo de la siguiente forma: Javascript // Esta clase lo expande. const expandButton = document.querySelector('.expand-button'); expandButton.addEventListener('click', ()=> { ...
Validación de datos nulos en una función – javascript
Pregunta: Tengo la siguiente función pero al momento validar todos mis datos me los registra todos a excepción del los "containers" que son grids y ...
Como poner una imagen de fondo a pantalla completa – javascript jquery html5
Pregunta: Como puedo hacer que la imagen abarque todo el tamaño de la pantalla. Se que de las propiedad min-width y min-heigth pero ellas no ...
array push con keys php – php array
Pregunta: Buen día. Estoy tratando de crear un array con valores agrupados por categorías, mediante AJAX recibo dos variables una contiene un string con el nombre ...
Error de: Uncaught TypeError: url.indexOf is not a function por Jquery – javascript jquery
Pregunta: En el navegador, reviso en inspeccionar elemento, y me sale el siguiente error: Uncaught TypeError: url.indexOf is not a function Me imagino que es ...
Actualizar información con ajax php mysql – php jquery mysql
Pregunta: Tengo esta simple consulta que lo que simplemente me muestra las visitas de la web, pero quisiera que fuera automático con ajax ya que ...
¿Cómo insertar código en las entradas de WordPress? – php wordpress plugin
Pregunta: En algunos blogs de programación he visto algo como esto en las entradas: Me gustaría poder hacer lo mismo. Sin embargo, no solo quiero que ...
Problema con UTF_8 – php sql sql-server
Pregunta: Buen día, mi problema es el siguiente, Php me lanza el siguiente Warning Warning: utf8_decode() expects parameter 1 to be string, object given ...
Uso de js y c# en unity. ¿Igual rendimiento? – javascript c# unity3d
Pregunta: Estoy comenzando con unity . Y veo que se pueden usar c# y js para programar. Mi pregunta es si tanto c# como js ...
Obtener las fechas de los días Lunes dependiendo de un rango de fechas PHP – php datetime time
Pregunta: Dependiendo de un rango de fechas quiero obtener sólo las fechas de los días Lunes, tengo la siguiente función que funciona pero me trae ...
¿Como eliminar espacio en los bordes con bootstrap? – html css bootstrap
Pregunta: Estoy intentando hacer un login con bootstrap y me surgió un problema con los bordes, cuando intento insertar un borde en el formulario se ...
Como cambiar una propiedad html dependiendo del valor de un perfil recogido de clase java – javascript jquery html
Pregunta: Tengo una caja de texto en la que me gustaría poder escribir o no dependiendo del perfil que utilice la aplicación. Esta caja de ...
Agregar marcador especifico a una localización Google Maps – javascript google-maps
Pregunta: ¿Cómo podría añadir un marcador personalizado en Google maps? Actualmente el código que tengo es el siguiente: var locations = [ ['Bondi Beach', -33.890542, ...
Usar variable en otra función con javascript – javascript html app
Pregunta: Primero que todo voy a dejar un enlace donde pueden ver el ejemplo funcionando de manera completa. Enlace a la pagina AQUI El valor elegido en ...

Add a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *