Dar un valor inicial a un radio button si no tiene valor (jQuery+PHP)

Esta es una ampliación de este otro post reciente. Si tenemos este trozo de formulario:

En el que dependiendo del valor de la variable $valor_incial (variable PHP) se escoge una opción u otra. En ocasiones puede que esa variable no tenga valor (porque sea la primera vez que se rellena el formulario por ejemplo). … Read moreDar un valor inicial a un radio button si no tiene valor (jQuery+PHP)

Comprobar si un radio button ha sido seleccionado con jQuery

Este secillo ejemplillo nos permite saber si el usuario ha seleccionado algún elemento del radiobutton. Si tenemos, por ejemplo, este formulario:

Podemos comprobarlo así:

Limitaciones: si alguno de los elementos no tiene valor (o se le pone value=””) esto no va a funcionar.

jQuery: llamar a una función al cambiar el valor de cualquier input en un formulario

Si tenemos un formulario como éste:

Podemos hacer que cuando cambie el valor de cualquiera de los campos automáticamente se ejecute una determinada función. Bastaría con añadir el siguiente código en la cabecera de la página (preferentemente dentro de las etiquetas <head></head>):

Esto se consigue gracias a change(), que nos permite asociar el … Read morejQuery: llamar a una función al cambiar el valor de cualquier input en un formulario

jQuery: seleccionar todos los elementos cuya ID contenga una palabra

Imaginemos que, por ejemplo, necesitamos ocultar todos los elementos que contengan el texto “nombre” en su ID. Bastaría con hacer:

Este javascript ocultaría, por ejemplo, todos estos elementos:

jQuery: desactivar un elmento (disable)

Para desactivar un elemento en un formulario bastaría con usar uno de estos métodos:

Y para volver a activar el campo:

Ejemplo de uso Este sería el formulario:

Y ésta la función que hace la “magia”:

NOTAS: Es importante destacar que el checbox debe tener value=”1″ porque de otro modo no … Read morejQuery: desactivar un elmento (disable)

jQuery: evitar que se envíe un formulario – desactivar botón submit

Si queremos desactivar los botones input de un formulario bastaría con añadir el siguiente fragmento dentro de la cabecera de la página, entre las etiquetas:

Si luego queremos enviar el formulario tendríamos que añadir un evento onclick al botón submit (o a otro elemento que queramos usar para el envío del formulario):

Y, … Read morejQuery: evitar que se envíe un formulario – desactivar botón submit

jQuery: sumar los input de un formulario dinámico

Esta es una consulta que me han hecho hace poco y la publico aquí para todos. Me preguntaban cómo se puede hacer para sumar todos los input de un formulario. El problema era que el formulario era dinámico (es decir, que el usuario podía añadir cuantas líneas quisiera) y no se sabía a priori cuántas … Read morejQuery: sumar los input de un formulario dinámico

jQuery: desactivar el menú contextual (el del botón derecho)

Si añadimos este sencillo script a nuestro documento HTML evitaremos que el usuario pueda usar el botón derecho del ratón:

Este sistema se suele usar para evitar que los visitantes se descarguen imágenes pero, dado que es JavaScript, este sistema tiene muchas limitaciones: Si el usuario tiene desactivado JavaScript no tendrá ningún efecto. El … Read morejQuery: desactivar el menú contextual (el del botón derecho)

Convertir todos los input de un formulario en variables con JQuery

Os dejo aquí un pequeño script Javascript/JQuery que permite convertir todos los campos de un formulario en variables.

De esta forma, si tenemos:

Este script nos creará una variable llamada empresa que contendrá el valor del campo. Y aquí os dejo la forma de acceder a la variable que acabamos de crear “empresa”: … Read moreConvertir todos los input de un formulario en variables con JQuery

jQuery: añadir una línea a una tabla html

Vamos a ver con un sencillo ejemplo cómo añadir una nueva línea a una tabla. En primer lugar es importante que la tabla tenga el elemento TBODY como en este ejemplo:

Para añadir una fila a la tabla basta con hacer:

Es posible que lo que queramos hacer sea añadir una nueva línea … Read morejQuery: añadir una línea a una tabla html