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

[myfavoriteday]

Всем привет. Может кто подскажет.

Есть скрипт который из всего списка 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?

 

[ⓜⓨⓤⓢⓛⓘ]

Всем привет. Может кто подскажет.

Есть скрипт который из всего списка 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]

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

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

 

[ⓜⓨⓤⓢⓛⓘ]

Прошу прошения не прочел в низу.

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

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

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

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

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

 

[myfavoriteday]

Прошу прошения не прочел в низу.


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

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

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

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

Спасибо. Сделали!