Jonas Cruvinel Posted February 24, 2012 Report Share Posted February 24, 2012 <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 Quote Link to comment Share on other sites More sharing options...
0 mJi Posted February 25, 2012 Report Share Posted February 25, 2012 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> Quote Link to comment Share on other sites More sharing options...
0 Jonas Cruvinel Posted February 27, 2012 Author Report Share Posted February 27, 2012 gostaria de fazer isso utilizando um javascript externo pois estou fazendo um site no modelo tablessteria uma ideia de como utilizar sem o uso do onclick no html Quote Link to comment Share on other sites More sharing options...
0 Jonas Cruvinel Posted February 27, 2012 Author Report Share Posted February 27, 2012 a maneira que eu fizhtml<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 Quote Link to comment Share on other sites More sharing options...
0 Markus Magnus Posted February 27, 2012 Report Share Posted February 27, 2012 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> Quote Link to comment Share on other sites More sharing options...
Question
Jonas Cruvinel
queria uma funcao que quando eu clicar no link Só esta ele marcar somente o checkbox anterior a ele
Link to comment
Share on other sites
4 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.