Accentsconagua

jQuery sucintamente HTML Forms & jQuery

Código
Share

Deshabilitar / habilitar elementos de formulario

Con jQuery, puede deshabilitar fácilmente los elementos del formulario configurando el valor del atributo deshabilitado de un elemento del formulario en deshabilitado. Para hacer esto, simplemente seleccionamos una entrada, y luego usando la attr () Método, establecemos el atributo deshabilitado de la entrada en un valor de deshabilitado.

Para habilitar un elemento de formulario deshabilitado, simplemente eliminamos el atributo deshabilitado usando removeAttr () o establecer el valor del atributo deshabilitado para estar vacío usando attr ().

Cómo determinar si un elemento del formulario está deshabilitado o habilitado

Usando las expresiones de filtro de formulario jQuery :discapacitado o : habilitado, es bastante fácil seleccionar y determinar (valor booleano) si un elemento de formulario está deshabilitado o habilitado. Examine el código de abajo para aclaración.

Seleccionar / Borrar una casilla de verificación o un botón de radio

Puede seleccionar una entrada de botón de radio o una casilla de verificación configurando su comprobado atribuir a cierto utilizando la attr ().

Para borrar una entrada de botón de radio o una casilla de verificación, simplemente elimine el atributo marcado usando la removeAttr () método o establecer el comprobado valor de atributo a una cadena vacía.

Selección / borrado de múltiples casillas de verificación o entradas de botones de radio

Puedes usar jQuery's val () en múltiples entradas de casilla de verificación o entradas de botón de radio para configurar las entradas a verificadas. Esto se hace pasando el val () método una matriz que contiene una cadena que coincide con la entrada de la casilla de verificación o el atributo de valor de entrada del botón de opción.

Notas: Si la casilla de verificación o el botón de radio ya están seleccionados, utilice val () no borrará el elemento de entrada.

Determinar si una casilla de verificación o botón de radio está seleccionado o desactivado

Podemos determinar si una entrada de casilla de verificación o una entrada de botón de radio se selecciona o borra utilizando la :comprobado formulario de filtro. Examine el código de abajo para varios usos de la :comprobado filtrar.

Cómo determinar si un elemento de formulario está oculto

Puede determinar si un elemento de formulario está oculto usando el :oculto formulario de filtro. Examine el código de abajo para varios usos de la :comprobado filtrar.

Configuración / Obtención del valor de un elemento de entrada

los val () El método se puede utilizar para establecer y obtener el valor de atributo de un elemento de entrada (botón, casilla de verificación, oculto, imagen, contraseña, radio, restablecer, enviar, texto). A continuación, establezco el valor para cada entrada en val () y luego alertar el valor utilizando el val () método.

Configuración / Obtención de la opción seleccionada de un elemento de selección

Utilizando la val () método, puede establecer el valor seleccionado de un elemento, usa el val () Método de nuevo para determinar qué opción se selecciona. los val () El método en este escenario devolverá el valor de atributo de la opción seleccionada.

Configuración / Obtención de las opciones seleccionadas de un elemento de selección múltiple

Utilizando la val () método podemos establecer los valores seleccionados de un elemento de selección múltiple pasando el val () Método de una matriz que contiene los valores correspondientes..

Para obtener las opciones seleccionadas en un elemento de selección múltiple, nuevamente usamos el val () Método para recuperar una matriz de las opciones que están seleccionadas. La matriz contendrá los atributos de valor de las opciones seleccionadas..

Configuración / Obtención de texto contenido dentro de un

Configuración / Obtención del atributo de valor de un elemento de botón

Puede establecer el atributo de valor de un elemento de botón pasando el val () Método de una cadena de texto. Para obtener el valor de un elemento de botón, use la val () Método de nuevo para recuperar el texto.

Edición de elementos seleccionados

jQuery hace que algunas de las tareas comunes asociadas con la edición de elementos seleccionados sean triviales. A continuación se presentan algunas de esas tareas con ejemplos codificados.

 // Agregar opciones a un elemento de selección al final $ ('select'). Append (''); // Añadir opciones al inicio de un elemento select $ ('select'). Prepend (''); // Reemplace todas las opciones con nuevas opciones $ ('seleccionar'). Html (''); // Reemplace los elementos en un índice determinado usando: eq () seleccionando el filtro para // seleccionar el elemento, y luego reemplácelo con el método .replaceWith () $ ('select option: eq (1)'). ReplaceWith (''); // Establezca la opción seleccionada 'elementos seleccionados' para indexar 2 $ ('opción seleccionada: eq (2)'). Attr ('seleccionado', 'seleccionado'); // Eliminar la última opción de un elemento select $ ('select option: last'). Remove (); // Seleccione una opción de un elemento de selección a través de su // orden en el conjunto de envoltorios utilizando los filtros personalizados $ ('# select option: first'); $ ('# select option: last'); $ ('# opción de selección: eq (3)'); $ ('# opción de selección: gt (5)'); $ ('# opción de selección: lt (3)'); $ ('# opción de selección: no (: seleccionado)'); // Obtenga el texto de la (s) opción (es) seleccionada (s), esto devolverá el texto de // todas las opciones que están seleccionadas cuando se trata de un elemento de selección múltiple $ ('select option: selected'). Text (); // Obtener el valor del valor del atributo de una opción en un elemento select $ ('select option: last'). Val (); // Obtener el último elemento de opción // Obtener el índice (índice 0) de la opción seleccionada. // Nota: No funciona con elementos de selección múltiple. $ ('seleccionar opción'). índice ($ ('seleccionar opción: seleccionado')); // Insertar una opción después de una posición particular $ ('seleccionar opción: eq (1)'). Después (''); // Insertar una opción antes de una posición particular $ ('seleccionar opción: eq (3)'). Antes ('');

Selección de elementos de formulario por tipo

Es posible seleccionar elementos de formulario por su tipo-e.g. $ ('entrada: casilla de verificación'). jQuery proporciona los siguientes filtros de tipo de formulario para seleccionar elementos de formulario por su tipo.

  • :texto
  • :contraseña
  • :radio
  • :caja
  • :enviar
  • :imagen
  • :Reiniciar
  • :expediente
  • :botón

Selección de todos los elementos de formulario

Puede seleccionar todos los elementos del formulario utilizando :entrada formulario de filtro. Este filtro seleccionará más que solo elementos de entrada, seleccionará cualquier

Código
×