Jquery checked

Door Roeltje M op 02-04-2013 22:17

1.978 views

Hey allemaal!

Ik zit nu met het volgende. Ik heb een aantal div's, met daarin een input radiobox.

<?php
<div class='payment_options closed'>
<input id='payment1' name="payment_type" value="1" type="radio" />
</div>
<div class='payment_options closed'>
<input id='payment2' name="payment_type" value="1" type="radio" />
</div>
<div class='payment_options closed'>
<input id='payment3' name="payment_type" value="1" type="radio" />
</div>
?>

Nu zou ik graag, middels jquery, willen dat wanneer een checkbox is geselecteerd, dat de class verandert (toggleClass?) in 'open'. Ik had eerst een .mousedown op de div gezet, zodat, wanneer je erop drukte, de class naar 'open' verandert. Echter, wanneer er een andere div wordt geselecteerd, dient de eerste div weer 'geclosed' te worden. Iemand een idee hoe dit goed te realiseren is?

Wouter J

02-04-2013 22:19

Wat is precies het verschil met http://www.phphulp.nl/php/forum/topic/jquery-toggleclass-op-div/90012/last/ ?

Joakim Broden

02-04-2013 22:32 gewijzigd op 02-04-2013 22:50


$(document).ready(function() {
	$('.payment_options input[type="radio"]').change(function() {
		$('.payment_options').removeClass('open');
		$(this).parents('.payment_options').addClass('open')
	});
});

Niet dom gaan houhoeren met open en close classes... Standaard stijl je ze als gesloten, vervolgens overrule je die stijl aan de hand van de open class..

Tevens gebruik in HTML " ipv '

Wouter J

02-04-2013 22:44

zou ik wel even $('.payment_options') cachen...

Joakim Broden

02-04-2013 22:50

Zo bedoel je Wouter?


$(document).ready(function() {
	var options = $('.payment_options');

	$('input[type="radio"]', options).change(function() {
		options.removeClass('open');
		$(this).parents(options).addClass('open')
	});
});

Roeltje M

04-04-2013 17:45

Bedankt voor de code, excuses voor de late reactie, ik heb nu weer tijd om te reageren.
Ik heb je stuk gebruikt Hertog Jan. Echter, nu veranderen alle parents naar class 'open'. Hoe kan ik ervoor zorgen dat énkel de Div, (1 parent?) deze class krijgt?

Groet,

Roel

Reageren

Inloggen om te reageren