Foros del Web » Programando para Internet » Javascript »

Llenar TEXTAREA con checkbox seleccionados

Estas en el tema de Llenar TEXTAREA con checkbox seleccionados en el foro de Javascript en Foros del Web. Hola buenas tardes, por favor solicito de su apoyo para dar solución a lo siguiente: De una base de datos extraigo los registros para crear ...
  #1 (permalink)  
Antiguo 14/07/2021, 13:33
 
Fecha de Ingreso: agosto-2013
Ubicación: Veracruz
Mensajes: 2
Antigüedad: 7 años, 11 meses
Puntos: 0
Llenar TEXTAREA con checkbox seleccionados

Hola buenas tardes, por favor solicito de su apoyo para dar solución a lo siguiente:

De una base de datos extraigo los registros para crear una lista con checkbox en un TEXTAREA para elegir una o varias alternativas, de ésta lista, el usuario podrá seleccionar uno o varios checkbox los cuales se deben reflejar en OTRO TEXTAREA al momento de ser seleccionados y eliminados de dicho TEXTAREA al ser desmarcados por el usuario.

Agradezco su atención y espero me puedan apoyar o dar alguna idea respecto a ésto porque no encuentro como llegar al objetivo.

Respetos para Ustede.
seafree
  #2 (permalink)  
Antiguo 17/07/2021, 00:31
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.519
Antigüedad: 9 años, 8 meses
Puntos: 962
Respuesta: Llenar TEXTAREA con checkbox seleccionados

Cada vez que se produzca el evento change (marcar o desmarcar un checkbox) obtén el contenido del segundo <textarea> y genera un array separando el contenido a partir de los saltos de línea (esto suponiendo que irás insertando el valor de cada checkbox en una línea diferente), para lo cual puedes emplear el método .split(). Una vez hecho esto, verifica si el checkbox pulsado se encuentra marcado o desmarcado. En el primer caso (checkbox marcado), verifica si el valor del checkbox no se encuentra en el array que generaste a partir del contenido del <textarea>; de no estar, solo concaténalo al valor del mismo añadiendo un salto de línea (\n). En el segundo caso (checkbox desmarcado), verifica si el valor del checkbox se encuentra en el array; de estar, elimínalo empleando el método .splice() y, finalmente, vuelca el contenido del array al segundo <textarea> como valor del mismo, para lo cual tendrás que echar mano del método .join() el cual convertirá el contenido del array en una cadena de caracteres.

DEMO

Comentario: No es adecuado tener los checkbox en el primer <textarea> que empleas como contenedor. Mejor tenlos libres o bien dentro de un elemento en bloque, como puede ser un <div>.

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand



La zona horaria es GMT -6. Ahora son las 13:12.