none
CheckBoX dinamico asp com JS RRS feed

  • Pergunta

  • Fala ae pessoal, esse é meu primeiro post, sou novo com o asp e estou encontrando dificuldades com checkbox dinamico.

    Tenho um uma query no banco que faz várias checks box com o mesmo nome e valores diferentes ex:

     

    <input type="checkbox" name="checkArquivos" id="checkArquivos" value="1">Teste1</input>

    <input type="checkbox" name="checkArquivos" id="checkArquivos" value="2">Teste2</input>

    <input type="checkbox" name="checkArquivos" id="checkArquivos" value="3">Teste3</input>

     

    Percebe-se que o nome é o mesmo e o asp contatena os valores selecionados em uma variável, assim caso eu selecione os 3, a variável vai receber 1,2,3, mas o problema é com o javascript, eu não sei como referenciar esse input no js, se eu coloco document.form.checkArquivos.value ele não encontra de nenhuma forma, assim eu não consigo fazer nada, nem validar nada, eu estou precisando ter uma check "TODOS" que ao clicar nela, chama uma função js que seleciona todos os checkBox's.

    Escrevi muito, mas desde já agradeço a todos.

    terça-feira, 25 de novembro de 2008 19:36

Respostas

  • Segue o código abaixo:

     

    Code Snippet

     <script type="text/javascript">
      function checar()
      {
       var el = document.getElementsByTagName("input");
       for (var i = 0; i < el.length; i++)
       {
        if (el[i].type == "checkbox")
        {
         el[i].checked = true;
        }
       }
      }
     
     </script>

     

     

     

    Abraço

     

    Estevam

    quarta-feira, 26 de novembro de 2008 13:05

Todas as Respostas

  • Putz cara .. estou com a mesma dúvida.

    Alguem aew pode nos ajudar??

    Obrigado

     

    terça-feira, 25 de novembro de 2008 19:39
  • Veja se o script abaixo te ajuda.

    <script type="text/javascript">
    function checar()
    {
    var el = document.getElementsByTagName("input");
    for (var i = 0; i < el.length; i++)
    {
    if (elIdea.type == "checkbox")
    {
    elIdea.checked = true;
    }
    }
    }
    </script>

    Abraço

    Estevam
    terça-feira, 25 de novembro de 2008 19:55
  • Amigo,

    obrigado pela ajuda, porém na hora que vc colocou o código ficou uma lâmpada e nem sei o que vc iria escrever, tem como vc mandar de novo ? Tem marcar que esse post tem exemplo de código
    quarta-feira, 26 de novembro de 2008 12:53
  • Segue o código abaixo:

     

    Code Snippet

     <script type="text/javascript">
      function checar()
      {
       var el = document.getElementsByTagName("input");
       for (var i = 0; i < el.length; i++)
       {
        if (el[i].type == "checkbox")
        {
         el[i].checked = true;
        }
       }
      }
     
     </script>

     

     

     

    Abraço

     

    Estevam

    quarta-feira, 26 de novembro de 2008 13:05
  •  Luiz Estevam wrote:

    Segue o código abaixo:

     

    Code Snippet

     <script type="text/javascript">
      function checar()
      {
       var el = document.getElementsByTagName("input");
       for (var i = 0; i < el.length; i++)
       {
        if (el[i].type == "checkbox")
        {
         el[i].checked = true;
        }
       }
      }
     
     </script>

     

     

     

    Abraço

     

    Estevam




    Não funcionou, olha como ficou meu código:

    <input type="checkbox" onClick="MarcaTodos()" name="todos" value="todos">Todos</input>

    Minha função JS:
    function MarcaTodos()

        var el = document.getElementsByTagName("input");
        for (var i = 0; i < el.length; i++)
        {
            if (elIdea.type == "checkbox")
            {
                elIdea.checked = true;
            }
        }
    }

    Eu marco ele e não acontece nada, da nenhum refresh na tela nem nada ... mesmo assim obrigado.
    quarta-feira, 26 de novembro de 2008 17:50
  • Não entendi quando você clica no botão, não acontece nada? Ele não marca os inputs type checkbox?? 
    Qualquer coisa manda o código da página para dar uma olhada.

    Abraço

    Estevam
    quarta-feira, 26 de novembro de 2008 18:51
  • Não funciou, acontece nada...

    Eu acho que não funciona pq todos os inputs tem o mesmo nome e ele meio q se confunde com isso ... depois eu posto o código aqui direitinho...
    quinta-feira, 4 de dezembro de 2008 20:00
  • Envia o código da página para poder analisar melhor.
    Ou ainda pegue o código crieu uma pagina de teste coloque alguns inputs checkbox e um botao, coloque para chamar a função no evento onclick do botão e veja se funciona.

    Abraço

    Estevam
    sexta-feira, 5 de dezembro de 2008 11:19
  • Amigo, super obrigado, já havia funcionado, o problema é que estava com cache ou algo assim, que limpei e funcionou normalmente, esse seu código ai funcionou, só alterei algumas coisas para selecionar e quando clicar de novo tirar todos, muito obrigado novamente!!!
    sexta-feira, 5 de dezembro de 2008 15:49
  • To usando buttons do tipo radio button

    				<td>S<input type ="radio" id="chkJuncao<%=i%>" name="chkJuncao<%=i%>" value="S" <%=iif(RSJuncao("chkJuncao")="S","checked=""checked""","")%>/>
    					N<input type ="radio" id="chkJuncao<%=i%>" name="chkJuncao<%=i%>" value="N" <%=iif(RSJuncao("chkJuncao")="N","checked=""checked""","")%>/>
    				</td>
    

     

    Varios grupos desse.

    para cada grupo gostaria de marcar somente 1 ou o Outro (através do JAvascript), mas ele não sabe qual selecionar. Exemplo , para cada linha do meu td tenho um S ou N
    de mesmo id e name , mas values diferentes, ai quero assim que meu AJAX  retorne poder selecionar o específico... como identifico nesse caso ???
    Não se preocupa com o indexador I, que isso eu sei localizar em qual linha da minha tabela está, mas sim somnete como eu marco o radio correto.
    Att,

    • Editado danielsilver quinta-feira, 3 de dezembro de 2009 13:53 Correção
    quinta-feira, 3 de dezembro de 2009 13:52