checkbox

[admendes 0]

Bom dia Pessoal,

bom tenho um codigo que, quando clicado no checkbox ele insere os campos em uma div, logo abaixo, o problema é que tenho 3 listas e ele só insere os campos de uma lista não insere das outras duas, ja fiz varios testes mas, não estou sabendo modificar o codigo, desde ja Obrigado

Segue o codigo->

window.onload = function (){
var chk = document.getElementsByName( 'checkid_item[]' ) ;
for ( var i = 0 ; i < chk.length ; i++ )
{
chk[i].onclick = function(){
var c = document.getElementById( 'content' ) ;
( this.checked ) ?
c.innerHTML += '<div id="' + this.value + '">' + this.value + '</div>' :
c.removeChild( document.getElementById( this.value ) ) ;
}
}
}

[William Bruno 1501]

Mostre como você tentou fazer. você não deve duplicar IDs numa mesma página.

 

Se preciso, transforme numa function com parâmetros.

[admendes 0]

Esse é um codigo:

 

<input type="checkbox" name="checkid_item[]" id="checks"  value="<?echo $row[nome_item]?>">

window.onload = function (){
var chk = document.getElementsByName( 'checkid_item[]' ) ;
for ( var i = 0 ; i < chk.length ; i++ )
{
chk[i].onclick = function(){
var c = document.getElementById( 'content' ) ;
( this.checked ) ?
c.innerHTML += '<div id="' + this.value + '">' + this.value + '</div>' :
c.removeChild( document.getElementById( this.value ) ) ;
}
}
}

//Selecionados
<div id='content'></div>

Esse é o outro:

 

<input type="checkbox" name="checkid_usuario[]" id="checkd"  value="<?echo $row[nome_usuario]?>" />

window.onload = function (){
var chk = document.getElementsByName( 'checkid_usuario[]' ) ;
for ( var i = 0 ; i < chk.length ; i++ )
{
chk[i].onclick = function(){
var c = document.getElementById( 'usuario' ) ;
( this.checked ) ?
c.innerHTML += '<div id="' + this.value + '">' + this.value + '</div>' :
c.removeChild( document.getElementById( this.value ) ) ;
}
}
}

//selecioados
<div id='usuario'></div>

Desde ja Agradecido !!!

[admendes 0]

Mostre como você tentou fazer. você não deve duplicar IDs numa mesma página.

 

Se preciso, transforme numa function com parâmetros.

 

 

Esse é um codigo:

<input type="checkbox" name="checkid_item[]" id="checks"  value="<?echo $row[nome_item]?>">

window.onload = function (){
var chk = document.getElementsByName( 'checkid_item[]' ) ;
for ( var i = 0 ; i < chk.length ; i++ )
{
chk[i].onclick = function(){
var c = document.getElementById( 'content' ) ;
( this.checked ) ?
c.innerHTML += '<div id="' + this.value + '">' + this.value + '</div>' :
c.removeChild( document.getElementById( this.value ) ) ;
}
}
}

//Selecionados
<div id='content'></div>

Esse é o outro:
[code]
<input type="checkbox" name="checkid_usuario[]" id="checkd"  value="<?echo $row[nome_usuario]?>" />

window.onload = function (){
var chk = document.getElementsByName( 'checkid_usuario[]' ) ;
for ( var i = 0 ; i < chk.length ; i++ )
{
chk[i].onclick = function(){
var c = document.getElementById( 'usuario' ) ;
( this.checked ) ?
c.innerHTML += '<div id="' + this.value + '">' + this.value + '</div>' :
c.removeChild( document.getElementById( this.value ) ) ;
}
}
}

//selecioados
<div id='usuario'></div>

Desde ja Agradecido !!!