demon326
Legacy Member
Hallo allen, ik ben weer eens aan het prutsen met Jquery en ik heb namelijk een vraagje;
Het zit zo, ik wil dmv een checkbox de class van mijn element, in dit geval een li veranderen zodat ik indien gecheckt, een andere bg kleur kan toevoegen, maar dat lukt me niet bepaald
.
VB;
jQuery Lessons Series: Manipulating CSS Classes – woorkup.com
Wanner je erop klikt veranderd de kleur, dit lukt me al zonder probleem, maar het klaarkrijgen met een checkbox lukt me dus niet
ad:.
De test code die ik gebruik voor ik het op ons eigen ding toepas;
Hoop dat jullie me hier mee kunnen helpen :applause:
Het zit zo, ik wil dmv een checkbox de class van mijn element, in dit geval een li veranderen zodat ik indien gecheckt, een andere bg kleur kan toevoegen, maar dat lukt me niet bepaald
.VB;
jQuery Lessons Series: Manipulating CSS Classes – woorkup.com
Wanner je erop klikt veranderd de kleur, dit lukt me al zonder probleem, maar het klaarkrijgen met een checkbox lukt me dus niet
ad:.De test code die ik gebruik voor ik het op ons eigen ding toepas;
HTML:
<html>
<head>
<title>Untitled</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<style type="text/css">
.highlight {
background-color: yellow;
}
.selected{background:#ffffcc;}
.mpc {background-color:red;}
</style>
<script type="text/javascript">
$(document).ready(function() {
$(".selectList li").click(function (){
$(this).removeClass("mpc");
$(this).toggleClass('selected');
})
});
</script>
</head>
<body>
<ul class="selectList row">
<li class="mpc">Smashing Magazine</li>
<li class="mpc">Woork Up</li>
<li class="mpc">Mashable</li>
</ul>
</body>
</html>Hoop dat jullie me hier mee kunnen helpen :applause:
.