Jodiendo con jquery? supongo

In this example below you will see how to do a Jodiendo con jquery? supongo with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by fmorisan, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright fmorisan ©
  • HTML
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Jodiendo con jquery? supongo</title>
  
  
  
  
  
</head>

<body>

  <form action="/echo/html/" method="post">
    <fieldset>
        <legend>Seleccione al menos un valor</legend>
        <div>
            <label>
                <span>Valor 1</span>
                <input type="checkbox" name="valor1" />
            </label>
        </div>
        <div>
            <label>
                <span>Valor 2</span>
                <input type="checkbox" name="valor1" />
            </label>
        </div>
        <div>
            <label>
                <span>Valor 3</span>
                <input type="checkbox" name="valor1"/>
            </label>
        </div>
        <div>
            <button id="enviar" type="submit" disabled>Enviar</button>
        </div>
    </fieldset>
</form>
  
  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/fmorisan/jodiendo-con-jquery-supongo-LOzXQY */
// function enviar(){
// 		alert("entro");
//     // si la cantidad de checkboxes "chequeados" es cero,
//     // entonces se evita que se envíe el formulario y se
//     // muestra una alerta al usuario
//     if ($('input[type=checkbox]:checked').length === 0) {
//         $('#enviar').attr("disabled", true);
//     }else{
//     		$('#enviar').attr("disabled", false);
//     }
    
// });

// $(document).ready(function(){  
// 	$('input').on('click', enviar);
//   /*
//     $("#checkbox").click(function() {  
//         if($("#checkbox").is(':checked')) {  
// 						$('#enviar').attr("disabled", false);       
//         } else {  
//             $('#enviar').attr("disabled", true);
//         }  
//     });  
//   */
// }); 

document.onloadend = () => {

  setInterval(() => {
   let checks = document.querySelectorAll('input[type=checkbox]:checked');
    console.log(checks.length);
    
  })
}

Comments