1

Пример кода тут, как сделать так чтоб я мог выбрать любые три элемент, а потом уже не мог выбрать?

jsfiddle

$(document).ready(function() {
  $('.row').on('click', function() {
    $(this).toggleClass('active');
  });
});
.container {
  display: flex;
  width: 100px;
  height: 25px;
  margin: 0 auto;
  background-color: red;
  justify-content: space-between;
}

.row {
  display: inline-block;
  width: 15px;
  height: 25px;
  background-color: blue;
}

.row.active {
  background-color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <div class="row"></div>
  <div class="row"></div>
  <div class="row"></div>
  <div class="row"></div>
  <div class="row"></div>
  <div class="row"></div>
</div>

1 ответ 1

2

Одновременно не может быть более трёх .row.active? Делать проверку:

$('.row').on('click', function(){
    var activeRowsCount = $('.row.active').length
    if (activeRowsCount < 3 || $(this).hasClass("active")) { $(this).toggleClass('active'); }
});
11
  • Одновременно может быть 3, т.е. от 1 до 3 включительно. Commented 24 апр. 2018 в 13:54
  • спасибо большое!)) Commented 24 апр. 2018 в 13:55
  • Именно так код в ответе и работает, проверьте. Commented 24 апр. 2018 в 13:55
  • @СтаниславКремса Пожалуйста :) Если ответ вам подошёл - отметьте его правильным, нажав на серую галочку. Commented 24 апр. 2018 в 13:56
  • @Klimenkomud Так выключить "active" пользователь сможет, когда их три?
    – user176262
    Commented 24 апр. 2018 в 13:57

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.