enable disable jquery

[raaafael 2]

boa tarde,
tenho esta checkbox, esta dentro de um form e faz parte de um array..

<label class="checkbox inline">
<span class="checked">
<input class="form-control" type="checkbox" id="net" name="pesquisar_query[net]" value="1" rel="tooltip" title="Net">
</span>
<a class="btn btn-mini disabled btn-inverse" rel="tooltip" title="TV">Net</a>
</label>

e este dropdown

 

<select id="downloadd" name="pesquisar_query[download]" class="input-small">
         <?php
        $download = mysql_query("SELECT DISTINCT net_download FROM telecomunicacao ORDER BY net_download DESC");
          echo '"<option value="nenhuma"> Qualquer </option>';
           while ($download_exe = mysql_fetch_object($download)) {
           echo '"<option value="' . $download_exe->net_download . '">' . $download_exe->net_download . '</option>';
            }
        ?>
     </select>

Precisava habilitar/desabilitar o dropdown de acordo com o checkbox, tentei este script, mas nao consegui:

 

<script>
    $(document).ready(function() {
    $("#downloadd").prop("disabled", true);
            $("input[id='net']").change(function() {
    $("#downloadd").prop("disabled", false);
    });
</script>

Penso ser uma coisa muito simples, mas eu sou mt inexperiente nesta area, vim aqui pedir ajuda pois isto faz parte do meu projeto de curso, fui colocado para realizar estagio em uma area na qual nao tenho a menor afinidade, então...

agradeço muito desde já.

[Khwesten Heiner 9]

To meio apressado aqui, tenho que sair. Mas se liga, faz um evento de click no checkbox e verifica se o value dele é true or false ou on ou off, não lembro agora o que retorna. De acordo com o retorno você habilita/ desabilita ou deixa a div hidden...

[raaafael 2]

mano... brigadão ae pela atenção, mas eu nao entendi muito bem isso ae não kkk Tipo a ideia eu peguei, so não sei como por isto em pratica mesmo...

 

hoje acabei meu horario de estagio tambem, portanto so amanha volto a trabalhar nisso, por isto mesmo aproveitei pra deixar a minha duvida aqui. Em casa venho dar uma olhada aqui pra ver se amanha ja venho com este problema ultrapassado. Consegui deixar claro o meu problema ne?

aah, so pra eu ter a certeza que o problema não é tão estupido quanto isto, para usar jquery e estas paradas assim tenho qe meter estas tags no inicio do codigo.. certo?

<script type='text/javascript' src='script.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

sou mesmo pouco experiente em javascript, e em qase qlq outra linguagem..

[Khwesten Heiner 9]

Acabei tendo um tempo a mais.
Sim, você precisa colocar isso aew na head.

 

Vou tentar ser rápido, estou sem tempo (como já havia dito):

<input type="checkbox" name="check" id="check" value="ON" onclick="testeCheck()"/>

function testeCheck(){

   var valueCheck = document.getElementById('check').value(); // Não lembro se tem ou não o value...
   if (valueCheck != 'ON'){
      //codigo para desabilitar a div que tem o modal.
   } else {
      //código para habilitar a div.
   }
}

Da uma sondada ai na internet, mas seria basicamente isso...

 

Edição: Tem uma função na Lib JQuery que se eu não me engano já verifica se ele está "checked", ai você substitui o q está no if por. valueCheck.checked() == 'true'...

[raaafael 2]

Obrigado khweste mas eu ainda nao chegei la..

nao sei se era isto o suposto mais oqe fiz foi:

<script>
    function testeCheck() {


        var valueCheck = document.getElementById('net'); // Não lembro se tem ou não o value...
        if (valueCheck !== '1') {
            $("#downloadd").prop("disabled", true);
        } else {
            $("#downloadd").prop("disabled", false);
        }
    }
</script>

Entretanto nada acontece...

a identificação do dropdown é feita pelo ID ne? não é feita pelo Name certo? e como se trata de um dropdown é este o sinal certo '#' ?

Obrigado..

 

Obrigado khweste mas eu ainda nao chegei la..

nao sei se era isto o suposto mais oqe fiz foi:

<script>
    function testeCheck() {


        var valueCheck = document.getElementById('net'); // Não lembro se tem ou não o value...
        if (valueCheck !== '1') {
            $("#downloadd").prop("disabled", true);
        } else {
            $("#downloadd").prop("disabled", false);
        }
    }
</script>

-- pelo que vi nao é necessario o .value la.. --

 

Entretanto nada acontece...

a identificação do dropdown é feita pelo ID ne? não é feita pelo Name certo? e como se trata de um dropdown é este o sinal certo '#' ?

Obrigado..

 

Afinal houve algum progresso com o codigo que você mandou khweste, brigadão.

Mas não esta a acontecer bem oqe eu esperava,

<script>    function testeCheck() {
        if (document.getElementById('net').checked = true) {
            $("#downloadd").prop("disabled", true);
        } else {
            $("#downloadd").prop("disabled", false);
        }
    }
</script>

Quando eu seleciona a checkbox o dropdown fica disabled, era pra iniciar ja disabled, e quando seleciona-la ficar enable.

Deveria ser apenas mudar a ordem ne, onde ta True poem False, mas nao resulta, o codigo simplesmente nao trabalha assim.

Outro problema que pode estar relacionado com isto é o fato de uma vez selecionada a checkbox ja nao consigo desceleciona-la, se validar ela nao adianta clicar mais, ela continua valida.

Valeu..

[Khwesten Heiner 9]

Me explica uma coisa, qual a funcionalidade disso?
O que vai ter dentro desse dropdown?

[raaafael 2]

www.poupaki.pt/telecomunicacoes

clica em pesquisa avançada.

Bom, a funcionalidade do dropdown nao tem muito a ver com o problema. Ate porque apenas para a parte da TV e da Net é qe ira ser um dropdown, os outros ainda não sei bem, tou a trabalhar nisto ainda kk

Mas como pode ver ai, busca valores da base de dados para fazer uma pesquisa mais especifica.

Por exemplo, se marcar o checkbox da tv e pesquisar ira retornar so os campos qe tem tv inclusa. So qe depois tem o numero de canais, qe so existiram se tiver TV, por isso qeria deixar o dropdown do canal desabilitado caso a pesquisa nao inclua TV.

 

-- mas no caso do codigo ali acima nao é da TV é da NET mas o principio é o mesmo

[Khwesten Heiner 9]

Era isso que eu queria saber... O que conteria nesse dropdown. Tentei fazer uns testes aqui com o checkbox e não obtive resultado e com dropdown acho que não ficaria bacana, porque ele é como se fosse uma camada acima. O que você pode fazer é o seguinte, criar uma div extra onde ela irá ficar hidden e quando marcar o checkbox, ela apareceria.

EU faria algo assim:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>

        <input id="check" type="checkbox"/>

        <div id="divContent" hidden>
            <input type="text">
            <input type="text">
        </div>
        
        <script>
            $('#check').click(function(){
                
                var $check = $( this );
                
                if($check.is(":checked")){
                    $('#divContent').show();
                } else {
                    $('#divContent').hide();
                }                
            });
        </script>
    </body>
</html>

[raaafael 2]

brigadão ae vei, agora resultou direitim,

tava pensando em deixar desable, mas invisivel assim fica ate mais apresentavel.

Resolvido valeeu

[Khwesten Heiner 9]

;D

 

De nada, meu velho.