Доброго, с jQuery дружу недавно, помогите. Задача следующая. На странице 2 чекбокса. Если отмечен один, второй должен быть не отмеченным. Это я нагуглил.
<div class="check">
<input class="unique" type="checkbox" id="female" checked="checked" />
<label class="check" for="female"><img src="<?=SITE_TEMPLATE_PATH?>/image/female.png" /></label>
<input class="unique"type="checkbox" id="male" />
<label class="check" for="male"><img src="<?=SITE_TEMPLATE_PATH?>/image/male.png" /></label>
</div>
$(document).ready(function () {
var $unique = $('input.unique');
$unique.click(function() {
$unique.filter(':checked').not(this).removeAttr('checked');
});
});
Но теперь необходимо сделать, чтобы один из них был отмечен всегда. Сейчас работает следующим образом: если отмечен один, по клику на другой с отмеченного снимается. Но можно снять и с первого. Как сделать, чтобы: если отмечен один, второй не отмечен, и один из двух отмечен всегда?