Неправильно переключаются checkbox-ы
278
15 июля 2017, 08:16
Есть два чекбокса. Один сразу отмечен, второй нет. Нужно когда кликаешь по чекбоксу оба изменил состояния checked на обратное тому, что сейчас есть. Если кликать только по одному чекбоксу то все ок. Но если после кликнуть по другому - все ломается.
В любом случае должен быть хоть один чекбокс отмечен
$('input:checkbox').click(function () {
if( !$(this).is(':checked')) {
$('input:checkbox').not(this).eq(0).attr('checked', 'checked');
$(this).eq(0).removeAttr('checked');
} else {
$('input:checkbox').not(this).eq(0).removeAttr('checked');
$(this).eq(0).attr('checked', 'checked');
}
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="recruiter-switch" class="onoffswitch-checkbox" id="recruiter" checked>
<input type="checkbox" name="company-switch" class="onoffswitch-checkbox" id="company">Answer 1
Можно сделать так:
$('input:checkbox').click(function () {
if( !$(this).is(':checked')) {
$('input:checkbox').not(this).eq(0).prop('checked', true);
} else {
$('input:checkbox').not(this).eq(0).prop('checked', false);
}
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="recruiter-switch" class="onoffswitch-checkbox" id="recruiter" checked>
<input type="checkbox" name="company-switch" class="onoffswitch-checkbox" id="company">Не имеет смысла менять флаг для текущего, он автоматом делается
Answer 2
Вот так покороче
$('input:checkbox').click(function () {
var a = !$(this).is(':checked');
$('input:checkbox').not(this).eq(0).prop('checked', a);
})
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50339 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31950 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26313 visits
- Как через css изменить цвет png изображения? 11770 visits
- Blob video url download 11316 visits
- Php curl запрос через прокси с авторизацией 10724 visits
- Работа с captcha vk api 9522 visits
© "hostciti.net" 28.3.2026 | 21:33