Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda checkbox

Jonas Cruvinel

Perguntado por Jonas Cruvinel,

 Share

Pergunta

Jonas Cruvinel

Jonas Cruvinel

Postado
Postado
<body>

<div id="conteudo">

<div id="colNavEsquerda">

<div id="categoria">

<a href="#" class="mostrar" onclick=>Categoria</a>

<ul class="ocultar">

<ul>

<li class="primeiralinha"><a href="#" class="todosCategoria">Todos</a> | <a href="#" class="limparCategoria">Limpar</a></li>

<li class="titulo_categoria"> Diversão </li>

<li><input name="categoria" type="checkbox" id="A01" class="checkbox"/> BALADAS <a class="soesta" id="A01" href="#">Só esta</a></li>

<li><input name="categoria" type="checkbox" id="A02" class="checkbox"/> CARNAVAL <a href="#">Só esta</a></li>

<li><input name="categoria" type="checkbox" id="A03" class="checkbox"/> CRIANÇAS <a href="#">Só esta</a></li>

<li><input name="categoria" type="checkbox" id="A04" class="checkbox"/> CURSOS <a href="#">Só esta</a></li>

<li><input name="categoria" type="checkbox" id="A05" class="checkbox"/> MOTEL E OUTROS <a href="#">Só esta</a></li>

<li><input name="categoria" type="checkbox" id="A06" class="checkbox"/> OUTROS <a href="#">Só esta</a></li>

</ul>

</ul>

</div>

</div>

</div>

</body>

queria uma funcao que quando eu clicar no link Só esta ele marcar somente o checkbox anterior a ele

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
mJi

mJi

Postado
Postado

Com javascript é bem fácil.

Em cada link, coloque um evento 'onClick'. A função pega o checkbox pelo id e dá um 'checked=true';

Se for fazer via função, pode ser algo como

<script language="javascript">
function marcar(id){
    document.getElementById(id).checked = true;
}
</script>
E o HTML: 
<li class="primeiralinha"><a href="#" class="todosCategoria">Todos</a> | <a href="#" class="limparCategoria">Limpar</a></li>
<li class="titulo_categoria"> Diversão </li>
<li><input name="categoria" type="checkbox" id="A01" class="checkbox"/> BALADAS <a class="soesta" href="#" onClick="marcar('A01')">Só esta</a></li>
<li><input name="categoria" type="checkbox" id="A02" class="checkbox"/> CARNAVAL <a href="#" onClick="marcar('A02')">Só esta</a></li>
<li><input name="categoria" type="checkbox" id="A03" class="checkbox"/> CRIANÇAS <a href="#" onClick="marcar('A03')">Só esta</a></li>
<li><input name="categoria" type="checkbox" id="A04" class="checkbox"/> CURSOS <a href="#" onClick="marcar('A04')">Só esta</a></li>
<li><input name="categoria" type="checkbox" id="A05" class="checkbox"/> MOTEL E OUTROS <a href="#" onClick="marcar('A05')">Só esta</a></li>
<li><input name="categoria" type="checkbox" id="A06" class="checkbox"/> OUTROS <a href="#" onClick="marcar('A06')">Só esta</a></li>

Link para o comentário
Compartilhar em outros sites
  • 0
Jonas Cruvinel

Jonas Cruvinel

Postado
  • Autor
Postado

a maneira que eu fiz

html

<li><input name="categoria" type="checkbox" id="A01" class="checkbox"/> BALADAS <a class="soesta" id="A01" href="#">Só esta</a></li>

<li><input name="categoria" type="checkbox" id="A02" class="checkbox"/> CARNAVAL <a class="soesta" id="A02" href="#">Só esta</a></li>

<li><input name="categoria" type="checkbox" id="A03" class="checkbox"/> CRIANÇAS <a class="soesta" id="A03" href="#">Só esta</a></li>

<li><input name="categoria" type="checkbox" id="A04" class="checkbox"/> CURSOS <a class="soesta" id="A04" href="#">Só esta</a></li>

<li><input name="categoria" type="checkbox" id="A05" class="checkbox"/> MOTEL E OUTROS <a class="soesta" id="A05" href="#">Só esta</a></li>

<li><input name="categoria" type="checkbox" id="A06" class="checkbox"/> OUTROS <a class="soesta" id="A06" href="#">Só esta</a></li>

javascript

$(".soesta").click(function(){

$(":checkbox[name=siteOfertantes]").removeAttr("checked");

var checkId = $(this).attr("id");

$('#'+checkId).attr("checked","checked");

});

muito obrigado pela ajuda mJi

Link para o comentário
Compartilhar em outros sites
  • 0
Markus Magnus

Markus Magnus

Postado
Postado

Só pra constar, o que você quer não é algo como o uso da tag label como no exemplo a baixo:

<body>
<div id="conteudo">
<div id="colNavEsquerda">
<div id="categoria"> 
<a href="#" class="mostrar" onclick=>Categoria</a>
<ul class="ocultar">

<ul>
<li class="primeiralinha"><a href="#" class="todosCategoria">Todos</a> | <a href="#" class="limparCategoria">Limpar</a></li>
<li class="titulo_categoria"> Diversão </li> 
<li><label><input name="categoria" type="checkbox" id="A01" class="checkbox"/> BALADAS</label></li>
<li><label><input name="categoria" type="checkbox" id="A02" class="checkbox"/> CARNAVAL</label></li>
<li><label><input name="categoria" type="checkbox" id="A03" class="checkbox"/> CRIANÇAS</label></li>
<li><label><input name="categoria" type="checkbox" id="A04" class="checkbox"/> CURSOS</label></li>
<li><label><input name="categoria" type="checkbox" id="A05" class="checkbox"/> MOTEL E OUTROS</label></li>
<li><label><input name="categoria" type="checkbox" id="A06" class="checkbox"/> OUTROS</label></li>
</ul>
</ul>
</div>
</div>
</div>
</body>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...