Чекбоксы вместо селект

Чекбоксы вместо селект

Есть четыре флажка – Пометить можно только один, а так же его снять при необходимости.
Получается замена стандартного селекта(2 клика) на чекбокс (1 клик)

<script>
$(function() {
$('.test').click(function () {
$('.test').parent().addClass('muted');
if (this.checked) {
$('.test').attr('checked',false);
$(this).parent().toggleClass('muted');
this.checked=true;
};
});
});
</script>
<label class="checkbox inline muted" style="margin-right:10px">
<input type="checkbox" value="1" class="test" name="flag" />СУПЕРЦЕНА
</label>
<label class="checkbox inline muted" style="margin-right:10px">
<input type="checkbox" value="2" class="test" name="flag" />АКЦИЯ
</label>
<label class="checkbox inline muted" style="margin-right:10px">
<input type="checkbox" value="3" class="test" name="flag" />ТОП ПРОДАЖ
</label>
<label class="checkbox inline muted">
<input type="checkbox" value="4" class="test" name="flag" />НОВИНКА
</label>

Такая штука была реализована в админке vvShop

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *