Hi,
Ik ben met jQuery bezig om een checked element te controleren, echter wil me dit niet helemaal lukken.
Hij geeft de class aan de label terwijl dit de input moet zijn, en aangezien ik niet veel ervaring erin heb zoek ik hiervoor wat uitleg.
jQuery code:
JavaScript
$(document).ready(function() {
// Check radio button is checked
$('input.book_radio').click(function () {
$('input.book_radio:not(:checked)').parent().removeClass("checked");
$('input.book_radio:checked').parent().addClass("checked");
});
$('input.book_radio:checked').parent().addClass("checked");
});HTML:
Code
<form method="post" action="">
<label for="acco" class="radio"><input class="book_radio" type="radio" name="type" id="acco"> Accomodatie</label>
<label for="excu" class="radio"><input class="book_radio" type="radio" name="type" id="excu" checked> Excursies</label>
</form>Iemand enig idee wat ik hier fout aan het doen ben ?
Edit:
Ongelijfelijk dom, moest alleen het stukje .parent() eruit halen dan werkt het wel, oplossing hieronder gegeven!
JavaScript
$(document).ready(function() {
// Check radio button is checked
$('input.book_radio').click(function () {
$('input.book_radio:not(:checked)').removeClass("checked");
$('input.book_radio:checked').addClass("checked");
});
$('input.book_radio:checked').addClass("checked");
});