0

Tengo esto

<input><?php echo $elementos?><input>
...


function updateTextArea() {  

   var allVals = [];

   $('input:checked').each(function() {

      allVals.push($(this).attr("id"));

   });

 $('div#choose').html(allVals+"<br/>")

};
$(function() { 

    $('input').click(updateTextArea);

    updateTextArea();

});

Buen día. Tengo este código que lo recicle de esta página. Funciona perfectamente pero no sale con salto de línea en mi (div#choose) y no sé como colocarlo para que salga cada elemento con su salto de línea de ese array.

1 respuesta 1

3

El problema es que con tu código añades un único salto de línea (<br/>) al final de los datos a mostrar. Deberías incluir un salto de línea por cada elemento.

La forma más sencilla es utilizar el método join del objeto Array que te permite convertir un array en una cadena indicando un separador a introducir entre cada elemento (en este caso sería el salto de línea):

 $(function(){
  var allVals = ['elemento1', 'elemento2', 'elemento3'];
  $('div#choose').html(allVals.join('<br/>'));
 });
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="choose"></div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.