Добро пожаловать в наше сообщество!
skripters.net - небольшой форум для вэб-мастеров на котором вам предоставляется широкий выбор скриптов, плагинов, стилей и много чего еще для запуска собственного проекта: интернет-магазина, форума, корпоративного сайта, продающего лендинга. Здесь вы найдете много решений по заработку в интернет. Сможете продать или купить нужное вам решение для старта своего веб-проекта. Опытные пользователи проконсультируют вас если вы вначале пути, подскажут как лучше, помогут в установке и настройке.
После регистрации проверьте папку SPAM в своей почте

Решено Нужна помощь с checkbox

myfavoriteday

Участник
Регист
20 Дек 2017
Сообщения
10
Реакции
17
Всем привет. Может кто подскажет.

Есть скрипт который из всего списка checkbox позволяет выбрать только два
Когда выбрано два checkbox, то остальный получают disable

Код:
<div class="group">
<input type="checkbox" name="test" value="1"> - 1<br>
<input type="checkbox" name="test" value="2"> - 2<br>
<input type="checkbox" name="test" value="3"> - 3<br>
<input type="checkbox" name="test" value="4"> - 4
</div>

Скрипт который все это делает:

Код:
<script>
$(".group input").on("click", function() {
if($(".group input:checked").length >= 2) { // Не больше 2-х checkbox
$(".group input:not(:checked)").attr("disabled", true);
} else {
$(".group input:disabled").attr("disabled", false);
}
});
</script>

Как можно реализовать, чтоб при выборе третьего снимались те два checkbox.
И как можно придать разные CSS стили первому выбранному и второму выбранному checkbox?
 

ⓜⓨⓤⓢⓛⓘ

Модератор
Developer
Регист
21 Май 2018
Сообщения
624
Реакции
609
Всем привет. Может кто подскажет.

Есть скрипт который из всего списка checkbox позволяет выбрать только два
Когда выбрано два checkbox, то остальный получают disable

Код:
<div class="group">
<input type="checkbox" name="test" value="1"> - 1<br>
<input type="checkbox" name="test" value="2"> - 2<br>
<input type="checkbox" name="test" value="3"> - 3<br>
<input type="checkbox" name="test" value="4"> - 4
</div>

Скрипт который все это делает:

Код:
<script>
$(".group input").on("click", function() {
if($(".group input:checked").length >= 2) { // Не больше 2-х checkbox
$(".group input:not(:checked)").attr("disabled", true);
} else {
$(".group input:disabled").attr("disabled", false);
}
});
</script>

Как можно реализовать, чтоб при выборе третьего снимались те два checkbox.
И как можно придать разные CSS стили первому выбранному и второму выбранному checkbox?


WTF (прошу прошения) - в самом скрипте прописано во второй строке:
if($(".group input:checked").length >= 2) { // Не больше 2-х checkbox
Измени на:
if($(".group input:checked").length >= 2-сколько-нужно) { // Не больше 2-х checkbox
 

myfavoriteday

Участник
Регист
20 Дек 2017
Сообщения
10
Реакции
17
WTF (прошу прошения) - в самом скрипте прописано во второй строке:
if($(".group input:checked").length >= 2) { // Не больше 2-х checkbox
Измени на:
if($(".group input:checked").length >= 2-сколько-нужно) { // Не больше 2-х checkbox

Там вопрос в другом. Но спасибо за ответ.
 

ⓜⓨⓤⓢⓛⓘ

Модератор
Developer
Регист
21 Май 2018
Сообщения
624
Реакции
609
Прошу прошения не прочел в низу.

Там вопрос в другом. Но спасибо за ответ.
На те два чакбокса поставь событие onchange.

onchange="$('.checkbox').prop('unchecked', true);"

Где .checkbox класс, с какого нужно снять выбор.

Ну а придать им разные стили как и обычному блоку, прописать класс css и все.
п.с. Но с такими вопросами без обид иди на фриланс и ставать 200 рублей на выполнение, вопрос изи даже через гугл, ибо это основы в коде 1 урок так точно даже на ютуб:be:.
 
Последнее редактирование:

myfavoriteday

Участник
Регист
20 Дек 2017
Сообщения
10
Реакции
17
Прошу прошения не прочел в низу.


На те два чакбокса поставь событие onchange.

onchange="$('.checkbox').prop('unchecked', true);"

Где .checkbox класс, с какого нужно снять выбор.

Ну а придать им разные стили как и обычному блоку, прописать класс css и все.
п.с. Но с такими вопросами без обид иди на фриланс и ставать 200 рублей на выполнение, вопрос изи даже через гугл, ибо это основы в коде 1 урок так точно даже на ютуб:be:.
Спасибо. Сделали!
 
Сверху