0

У меня немного запутанное задание: нужно чтобы при клике на input.input-checkbox другому div.tr добавлялся класс checked, при этом еще одному диву нужно присваивать class="fixed", если у другого есть class="checked"

Я тут наворотила по моему, но первый скрипт работает правильно и нормально... а вот с добавлением .fixed что- то туплю

Структура примерно такая

$("input.input-checkbox").click(function() {
  var par = $(this).parent("div");
  if (par.hasClass("checked"))
    par.removeClass("checked");
  else
    par.addClass("checked");
});



if ($('.tr').hasClass('checked')) {
  $('.finish')
    .addClass('fixed');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tr"><input class="input-checkbox" type="checkbox"></div>
<div class="tr"><input class="input-checkbox" type="checkbox"></div>
<div class="tr"><input class="input-checkbox" type="checkbox"></div>
<div class="finish"></div>

6
  • А второй скрипт у Вас собственно при каких условиях должен срабатывать? Т.е. первый у Вас срабатывает при $("input.input-checkbox").click... А вот для второго IF у Вас ничего не прописано, т.е. система просто не использует этот кусок кода. 1 ноя 2017 в 6:46
  • я не знаток js, поэтому почему то думала что этого хватит $('.tr').hasClass('checked') 1 ноя 2017 в 6:54
  • Нет, Вам нужно событие, с которым связанно выполнение кода. Если покажите больше кода + скажите что когда должно происходить - думаю получите ответ. 1 ноя 2017 в 6:56
  • добавила пример кода в вопрос 1 ноя 2017 в 7:03
  • если вам нужно чтобы div.finish получал класс fixed при условии что хоть один div.tr имеет .checked то вот так: if($("div.tr.checked").length>0){$(".finish").addClass("fixed")}
    – axmed2004
    1 ноя 2017 в 7:12

2 ответа 2

0
$("input.input-checkbox").click(function(){
var par = $(this).parent("div");
if (par.hasClass("checked"))
    par.removeClass("checked");
else
    par.addClass("checked"); 

if ($('.tr').hasClass('checked')) 
{
    $('.finish').addClass('fixed');
} else {
    $('.finish').removeClass('fixed');
}

});

тогда попробуйте так, просто перенеся скобочку от .click(function(){ ... }); в самый конец, и добавив Ваш второй скрипт в кучу к первому.

3
  • а как сюда еще добавить чтобы .fixed удалялся, когда нет .checked? 1 ноя 2017 в 7:27
  • как-то так, наверно 1 ноя 2017 в 7:29
  • спасибо большое! 1 ноя 2017 в 7:32
0

Например:

$(".input-checkbox").click(function() {
  var $this = $(this),
      tr = $this.parent(".tr"),
      finish = $('.finish');
  
  if (!tr.hasClass("checked")){
    tr.addClass("checked");
    finish.addClass('fixed');
  } else {
    tr.removeClass("checked");
    finish.removeClass('fixed');
  }
});
/* Для наглядности */

.checked {
  border: 1px solid red;
}


.finish {
  height: 20px;
}

.fixed {
  border: 1px solid #000;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tr"><input class="input-checkbox" type="checkbox"></div>
<div class="tr"><input class="input-checkbox" type="checkbox"></div>
<div class="tr"><input class="input-checkbox" type="checkbox"></div>
<div class="finish"></div>

Ваш ответ

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

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