Ir para conteúdo

POWERED BY:

Arquivado

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

Diogo Henrique_155768

Como desabilitar um checkbox dinamicamente

Por , em Javascript

Recommended Posts

Diogo Henrique_155768    0

Diogo Henrique_155768
Postado

nesse meu código eu consigo ate desabilitar mais só esta acontecendo com o 1 item

e quando eu adiciono um novo elemento a marcação sai

como posso selecionar e desabilitar cada um individualmente ?

 

meu código e esse

<!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 obj = document.getElementById("lista");
if(!texto == ""){
var novaMarcacao = "<input id=\"box\" name=\"box\" type=\"checkbox\" onclick=\"desabilitar(this)\"  />"+texto+"<br/>";
obj.innerHTML = novaMarcacao += obj.innerHTML;

}
else{
alert("digite alguma coisa");	
}
}

function desabilitar(obj){

var obj = document.getElementById("box");	

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



}

</script>

</head>

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


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

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

<div id="lista">



</div>


</form>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diogo Henrique_155768    0

Diogo Henrique_155768
Postado

consegui resolver tirando o var obj = document.getElementById("box"); da função desabilitar()

 

mais quando eu adiciono um novo elemento o selected sai e fica só desabilitado

como poderia fazer com que ao adicionar uma nova tarefa as outras não fossem atingidas ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

note que você está duplicando o atributo ID, e isso não é permitido.

 

 

 

você precisa inserir o novo elemento, e não reescrever todo o html que estava lá (por isso o checked sai).

 

pesquise por appendChild()

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diogo Henrique_155768    0

Diogo Henrique_155768
Postado

bruno consegui colocando obj.setAttribute('checked','true'); na função desabilitar

falta agora só eu modificar o texto pra feito

vou pesquisar appendchild()

como eu poderia modificar o texto depois de selecionado ?

com appendchild() da pra fazer isso ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

qual texto você qr modificar amigo ?

 

do input text ? ou oq fica do lado do checkbox ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diogo Henrique_155768    0

Diogo Henrique_155768
Postado

o que fica ao lado do checkbox

 

fiz essa função mais ela não ta adicionando done ao texto quando o cara clicar em um botão

como colocar adicionar um texto a outro texto sem apagar o 1 ?

 

function add_done(obj){

var e = document.getElementsByTagName("input");

 

 

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

{

if (e.type=="checkbox" && e.checked == true)

{

 

obj.innerHTML += "done";

 

//alert("obj = " + obj);

}

 

}

 

 

}

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