Codigo nao executa

[Joao Marcos_173092 0]

ola pessoal, bom dia.

a semanas estou procurando algum exemplo/tutorial/algo que seja, para que eu possa habilitar/desabilitar um campo texto por meio de uma checkbox.

achei o codigo dos sonhos aqui no forum más não ta pegando quando eu executo..

por favor me ajudem =\

link: http://forum.imasters.com.br/topic/457275-resolvido%26nbsp%3Bhabilitar-e-desabilitar-campo-jquery/

 

 

<script type="text/javascript">
$(document).ready(function(){
   
    // campo desabilitado
    $('#senha').attr("disabled", true);
    // cor de fundo para o campo
    $('#senha').css("background-color", "#cccccc");
 
    $("#RadioGroup1_0").click(function (){ 
            // habilitando o campo
            $('#senha').attr("disabled", '');
            // retornando a cor padrao
            $('#senha').css("background-color", "#FFF");
    });
 
    $("#RadioGroup1_1").click(function (){ 
            // habilitando o campo
            $('#senha').attr("disabled", true);
            // retornando a cor padrao
            $('#senha').css("background-color", "#cccccc");
    });
  });
</script>
 
 
 
<form name="form1" method="post" action="">
  <p>
    <label>
    <input type="radio" name="RadioGroup1" value="sim" id="RadioGroup1_0">
    sim</label>
   
    <label>
    <input type="radio" name="RadioGroup1" value="nao" id="RadioGroup1_1">
    nao</label>
    <br>
    <label for="senha"></label>
    <input type="text" name="senha" id="senha">
  </p>
</form>

[Zack_z001 9]

Bom Dia Joao Marcos,

Está funcionando corretamente o script,

só tem um detalhe!

 

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

 

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript">
$(document).ready(function(){
   
    // campo desabilitado
    $('#senha').attr("disabled", true);
    // cor de fundo para o campo
    $('#senha').css("background-color", "#cccccc");

    $("#RadioGroup1_0").click(function (){ 
            // habilitando o campo
            $('#senha').attr("disabled", '');
            // retornando a cor padrao
            $('#senha').css("background-color", "#FFF");
    });

    $("#RadioGroup1_1").click(function (){ 
            // habilitando o campo
            $('#senha').attr("disabled", true);
            // retornando a cor padrao
            $('#senha').css("background-color", "#cccccc");
    });
  });
</script>

<form name="form1" method="post" action="">
  <p>
    <label>
    <input type="radio" name="RadioGroup1" value="sim" id="RadioGroup1_0">
    sim</label>
   
    <label>
    <input type="radio" name="RadioGroup1" value="nao" id="RadioGroup1_1">
    nao</label>
    <br>
    <label for="senha"></label>
    <input type="text" name="senha" id="senha">
  </p>
</form>

 

caso tu queira,que quando a página seja carregado,o a input não fique desabilitado

é só mudar os valores do evento!!

 

mas está faltando esse plugin,Você tem que incrementar ele!

 

incrementando ele,funcionará certinhooo,blz,até mais e abçrs...

[Joao Marcos_173092 0]

muito obrigado zack. sou iniciante. pegou!

[Zack_z001 9]

Opa, tendi mas com o tempo vai aprendendo,

 

eu dei só Duas mudança,adicionando o atributo checked na radio com o valor não!

e tambem ao invés de colocar o disabled false eu removi usando,o evento,removeAttr();

 

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript">
$(document).ready(function(){
   
    // campo desabilitado
    $('#senha').attr("disabled","");
    // cor de fundo para o campo
    $('#senha').css("background-color", "#cccccc");

    $("#RadioGroup1_0").click(function (){ 
            // habilitando o campo
            $('#senha').attr("disabled", '');
            // retornando a cor padrao
            $('#senha').css("background-color", "#FFF");
    });

    $("#RadioGroup1_1").click(function (){ 
            // habilitando o campo
      $('#senha').removeAttr("disabled"); 
            // retornando a cor padrao

    $('#senha').css("background-color", "#cccccc");
    });
  });
</script>

<form name="form1" method="post" action="">
  <p>
    <label>
    <input type="radio" name="RadioGroup1" value="sim" id="RadioGroup1_0">
    sim</label>
   
    <label>
    <input type="radio" name="RadioGroup1" value="nao" id="RadioGroup1_1"checked="checked">
    nao</label>
    <br>
    <label for="senha"></label>
    <input type="text" name="senha" id="senha">
  </p>
</form>

Como tu disse que funcionou,isso quer dizer que foi atendido suas necessidades aqui nesse seu post,

Como todos me ensinam,dizendo caso seja isso marque como resolvido para facilitar mais para outros tambem!

 

Ah esqueci de mencionar,que aquele link alá encima é uns dos Plugins Jquery!

Até mais tenha um Ótimo Domingo e até mais!!!

[cristianoolv 93]

Caso alguem queira algo parecido sem jQuery:

 

<html>
 <head>
  <script>

  window.onload = function(){


    document.getElementById('chx').onchange = function(){

      var ctxt =  document.getElementById('ctxt');

        if(this.checked)
            ctxt.disabled = true;
        else
            ctxt.disabled = false;
        
    }

 }
    </script>
    </head>
 <body>
    <label for="chx">Desabilitar campo</label><input type="checkbox" id="chx"> 
    <input type="text" id="ctxt">
 </body>
</html>

[Joao Marcos_173092 0]

pessoal muito obrigado a ajuda de voces, estou de diversas maneiras tentar por exemplo, quando clica no botão, ai sim aparece a caixinha de texto pra digitar outra coisa..

por favor me ajudem, agradeço muito voces!!!!

[cristianoolv 93]

<html>

<head>

<script>

window.onload = function(){

 

var ctxt = document.getElementById('ctxt');

 

ctxt.disabled = true;

ctxt.style.display = "none";

 

document.getElementById('chx').onchange = function(){

 

if(this.checked){

ctxt.disabled = false;

ctxt.style.display = "inline";

}else{

ctxt.disabled = true;

ctxt.style.display = "none";

}

 

}

 

}

</script>

</head>

<body>

<label for="chx">Mostrar campo ?</label><input type="checkbox" id="chx">

<input type="text" id="ctxt">

</body>

</html>

 

[Joao Marcos_173092 0]

Muito mais muito obrigado cristiano, era exatamente isso que procurava a semanas!!!

irei estudar o codigo que vc postou. muito obrigado desde ja.

existe algum tutorial que o sr conhece na internet, sobre isto?

[Zack_z001 9]

Boa Noite João Marcos,eu fiz 2 exemplo em Jquery,quando alguem posta alguma dúvida aqui no fórum eu nao gosto de modificar o script da pessoa,apenas concerto o dele,mas tem esse exemplo aqui em Jquery,a função dele é a mesma do Cristiano,mas só que em jquery!

 

<input type="checkbox"> Clique Aqui</a>
<br/>

<script>
    $(":checkbox").click(function() {
           if($(this).prop("checked")) {
           $("#teste").attr("style","display:block;");
         }   
    else {
     $("#teste").attr("style","display:none;");
    }
        });
</script>

<input type="text"id="teste"style="display:none;">

opcional tambem seria:

css();removeAttr();

no lugar de attr!

 

aqui meu link desse código sendo executado:

http://jsfiddle.net/teKdS/

 

e outro exemplo com toggle() !

 

<input type="checkbox"> Clique Aqui</a>
<br/>

<script>
    $(":checkbox").click(function() {
           if($(this).prop("checked")) {
              $("#teste").toggle("slow");
         }   
    else {
      $("#teste").toggle("slow");
    }
        });
</script>

<input type="text"id="teste"style="display:none;">

 

e aqui meu link do toggle em execução !

http://jsfiddle.net/sTuU9/

 

ai só adicionar o Plugin Jquery em seu código!!!

 

fiz esses 2 exemplos,eu particulamente uso mais o jquery quase que ilimitado!

 

Caso a página contém mais de 1 checkbox,o certo é por id dai nessa parte $(":checkbox"),

dai ficaria assim $("#Aqui a id do Checkbox")!

 

Bom,como tu está interessado nisso,procure sobre como ocultar elementos pelo atributo style,

o toggle() em jquery o efeito fica muito bom tambem,vale a pena testar ele, e tambem tu pode controlar a velocidade que ele deve ser executado,tipo abrir seu input por exemplo!

Beleza até mais,Excelente noite e semana e fique com Deus ,

Abrçs!!!

[Joao Marcos_173092 0]

Zack e demais. voces não sabem o quanto e quanto me ajudaram.

agradeço muuuuito a ajuda de voces, finalmente posso pegar a base desses codigos e terminar o formulario para o cliente.

deus abençoe voces!!!