botón de desactivación jQuery
Sin embargo, como la mayoría de las cosas del mundo, tiene algunos inconvenientes. Uno de ellos es que carece de un método directo para deshabilitar un botón. Eso no significa que no se pueda deshacer. Y en este tutorial, discutiremos cómo podemos deshabilitar un botón usando jQuery."
Método de JQuery Prop
Agregado en jQuery versión 1.6 y más, jQuery le permite deshabilitar un botón usando el método prop ().
Puede obtener más información sobre el origen de la función en el recurso a continuación:
https: // API.jQuery.com/prop/
Por ahora, nos centraremos en cómo usar este método para deshabilitar un botón.
Veamos la sintaxis de la función y cómo podemos usarla. Al igual que todos los métodos jQuery, la función prop () se aplica a un elemento seleccionado. En nuestro ejemplo, estamos usando un botón simple.
Por lo tanto, comencemos creando un botón simple.
El ejemplo anterior muestra un botón muy simple que tiene una identificación de identificación. Luego podemos usar la ID para seleccionar el botón y aplicar la función de apoyo.
La sintaxis es como se muestra a continuación:
En el ejemplo anterior, abrimos la etiqueta de script y agregamos nuestro JavaScript desde la biblioteca jQuery. Comenzamos seleccionando el elemento que deseamos deshabilitar usando su identificación. Una vez seleccionado, use el método de proporción y establezca la propiedad deshabilitada en verdad.
Tenga en cuenta que la función PROP acepta el atributo de destino como el primer parámetro en forma de cadena. El segundo parámetro es el valor del atributo en forma booleana.
Ejemplo
Para ilustrar, comencemos importando la biblioteca jQuery en nuestro archivo HTML.
Luego podemos crear el botón y deshabilitarlo como se muestra en el código de muestra a continuación:
Si abrimos el archivo en el navegador, deberíamos ver que el botón está deshabilitado.
Botón de habilitación con jQuery
El opuesto es verdad. Podemos habilitar y deshabilitar el botón configurando el atributo deshabilitado en FALSE en la función PROP.
Por ejemplo:
En el ejemplo anterior, podemos ver que el botón está desactivado de forma predeterminada configurando la propiedad deshabilitada HTML.
Luego podemos habilitarlo usando jQuery, como se muestra arriba.
Clausura
Este breve tutorial cubre los conceptos básicos de deshabilitar y habilitar un botón en jQuery utilizando la función de apoyo. Si está utilizando jQuery versión 1.6 y más bajo, puede usar la función ATTR que funciona de manera similar.
Codificación feliz!!