Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diogo Henrique_155768

como mudar label a partir do checkbox dinamicamente

Por , em Javascript

Recommended Posts

Diogo Henrique_155768    0

Diogo Henrique_155768
Postado

oii gente

quando o cara clicar no botão o label que tiver o checkbox ao lado selecionado vai ter que adicionar 'feito' ao final do texto

mais só ta adicionando 'done' no primeiro label

minha função ta assim

 

function add_done(){

var e = document.getElementsByTagName("input");	
//var obj = document.getElementById("lista");
//var texto = document.getElementById("texto");
//var label = document.getElementsByTagName("label");

   for(var i=0;i<e.length;i++)
       {

         if (e[i].type=="checkbox" && e[i].checked == true && e[i].disabled == true)
               {
							alert(document.getElementById('label_texto').innerHTML += ' (Done)');




		   }
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diogo Henrique_155768    0

Diogo Henrique_155768
Postado 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function newTag(texto) {

var i = 0;
var obj = document.getElementById("lista");
if(!texto == ""){
var novaMarcacao = "<input id=\"box\" name=\"box\" type=\"checkbox\" onclick=\"desabilitar(this)\" />"+"<label for=\"box\"id=\"label_texto[i]\">"+texto+"</label>"+"<br/>";

obj.innerHTML += novaMarcacao
}
else{
alert("digite alguma coisa");	
}
}

function desabilitar(obj){

obj.setAttribute('disabled','disabled');
obj.setAttribute('checked','true');

}


function desmarca()
{
       var e = document.getElementsByTagName("input");

       for(var i=0;i<e.length;i++)
       {

	        if (e[i].type=="checkbox" && e[i].checked == true)
               {
                       e[i].checked = false;
					e[i].disabled = false;
					break;
               }       

       }




}
function add_done(){

var e = document.getElementsByTagName("input");	
var obj = document.getElementById("lista");
//var texto = document.getElementById("texto");
var label = document.getElementsByTagName("label");

   for(var i=0;i<e.length;i++)
       {

         if (e[i].type=="checkbox" && e[i].checked == true && e[i].disabled == true)
               {
				//alert(e[i] += 'done'); 
				alert(document.getElementById('label_texto[i]').innerHTML = document.getElementById('label_texto[i]').innerHTML + ' done');
				//alert(document.getElementById('label_texto[i]').innerHTML += ' (Done)');

				break;


		   }
}

}

</script>

</head>

<body>
<form action="" method="post" name="formulario">


<input name="texto" id="texto" type="text" />

<input type="button" value="Add List" onclick="newTag(document.formulario.texto.value)"  />

<div id="lista">



</div>

<input name="botao_add_done" type="button" value="Mark selected as done" onclick="add_done()" />
<input name="botao_desmarca" type="button" value="Delete seleted" onclick="desmarca(this)" />

</form>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado 

alert(document.getElementById('label_texto[i]').innerHTML = document.getElementById('label_texto[i]').innerHTML + ' done');

 

troque isso por..

 

document.getElementById('label_texto[i]').innerHTML = document.getElementById('label_texto[i]').innerHTML + ' feito';

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diogo Henrique_155768    0

Diogo Henrique_155768
Postado 

alert(document.getElementById('label_texto[i]').innerHTML = document.getElementById('label_texto[i]').innerHTML + ' done');

 

troque isso por..

 

document.getElementById('label_texto[i]').innerHTML = document.getElementById('label_texto[i]').innerHTML + ' feito';

 

o alert ai e so pra eu ver o que ta acontecendo =/

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

o alert ai e so pra eu ver o que ta acontecendo =/

 

EU sei que é isso mais em vez de DONE você quer FEITO...

 

se for isso e so você fazer como eu postei...

se nao for explique melhor o que você quer...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito