Помогите с чекбоксами
Доброго, с 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');
});
});
Но теперь необходимо сделать, чтобы один из них был отмечен всегда. Сейчас работает следующим образом: если отмечен один, по клику на другой с отмеченного снимается. Но можно снять и с первого. Как сделать, чтобы: если отмечен один, второй не отмечен, и один из двух отмечен всегда? |
tenebrosus,
a radio и без скрипта |
Верстальщица сделала так. Там жеж одну строчку дописать, я так понимаю? Помогите уже.
|
tenebrosus,
ох уж эта верстальщица, где она только не работает везде успевает )))
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function ()
{
var $unique = $('input.unique');
$unique.click(function() {
$unique.not(this).prop({'checked': false});
$(this).prop({'checked': true});
});
})
</script>
</head>
<body>
<div class="check">
<input class="unique" type="checkbox" id="female" checked="checked" />
<label class="check" for="female"><img src="http://javascript.ru/forum/images/smilies/cray.gif" /></label>
<input class="unique"type="checkbox" id="male" />
<label class="check" for="male"><img src="http://javascript.ru/forum/images/smilies/cray.gif" /></label>
</div>
</body>
</html>
|
Ну вот! Огромное спасибо!! Все работает.. Наверное придется учить jQuery..Может, книжку какую подскажете?
|
| Часовой пояс GMT +3, время: 05:18. |