Cita:
Iniciado por Dany_s 
Código HTML:
<head>
<title>Prueba</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$( function (){
$('li').click( function (){
$(this).addClass('activo').siblings().removeClass('activo');
});
$(':submit').click( function (){
valor = $('li.activo').text(); //acá recupero el li seleccionado
if (valor != ""){
$('#valor').val(valor);
alert("El activo es li "+valor);
} else {
alert("Sin selección");
}
});
});
</script>
<style>
.activo{background:red}
</style>
</head>
<body>
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
<li>Cuatro</li>
</ul>
<input type="hidden" name="valor" id="valor">
<input type="submit" value="Enviar">
</body>
</html> Muchas gracias Dany_s
Esta linea de aquí no debería permitir marcar y desmarcar un elemento si se vuelve a pulsar sobre él?
$('li').click( function (){
$(this).addClass('activo').siblings().removeClass( 'activo');
});
Es que si pulsas sobre un elemento y luego vuelves a pulsar sobre él para "desmarcarlo" sigue marcado :S
Gracias de antemano!