jQuery | :selector de casilla de verificación

El checkbox es un elemento muy importante para realizar interacciones con un usuario. En JQuery, podemos crear una casilla de verificación simple para permitir también la entrada de datos.

Sintaxis:

$(":checkbox")

Podemos implementar la casilla de verificación en el código:
Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
      
  <style>
        p {
            font-size: 20px
        }
    </style>
    <script>
        $(document).ready(function() {
            $(":checkbox").wrap(
            "<span style='background-color:green'>");
        });
    </script>
</head>
  
<body>
  
    <h2>Add your Hobbies:</h2>
    <p>Dancing:
        <input type="checkbox"
               name="hobbies" 
               value="dancing">
        <br> Painting:
        
        <input type="checkbox"
               name="hobbies"
               value="painting">
        <br> Singing:
        
        <input type="checkbox"
               name="hobbies" 
               value="singing">
        <br>
    </p>
  
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por XDoodler y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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