Показать сообщение отдельно
  #1 (permalink)  
Старый 29.03.2019, 22:45
Новичок на форуме
Отправить личное сообщение для monte Посмотреть профиль Найти все сообщения от monte
 
Регистрация: 29.03.2019
Сообщений: 1

Разное поведение браузеров при работе с checkbox
Есть такой вот простенький чекбокс. Проблема в том, что некоторые браузеры некорректно себя веду, а некоторые - корректно. Как можно это исправить?
Используется jquery 1.11.1
<div class="radio_select">
    <button class="toggleSel circlesSel" type='button'>
        <span class="flaticon-meeting"></span>
        <span>Добавить</span>
    </button>
    <div class="radio_list">
        
                            
        <div class="com">
          <div class="checkboxwrap">
            <label for="29">
              <input type="checkbox" class="checkbox" id="29">
              Wife</label>
          </div>
        </div>
    

    </div>
</div>

$('.checkboxwrap').on('mousedown',e => {
    if($(e.target)[0].tagName == 'LABEL' && $(e.target).children('input').prop('checked')  || $(e.target)[0].tagName == 'INPUT' && $(e.target).prop('checked')){
        conf($(e.target));
    } else {
      console.log(12)
    }
});

function conf(e){
    let check = confirm('Точно?'),
        input = $('.checkboxwrap input');

    if(e[0].tagName == 'LABEL'){
        if(check) {
          input.eq($('label').index(e)).prop('checked',false);
          console.log(13)
        } else {
          input.eq($('label').index(e)).prop('checked',true);
        }
    }
    else{
        if(check) {
          input.eq($('input').index(e)).prop('checked',false);
          console.log(14)
        } else {
          input.eq($('input').index(e)).prop('checked',true);
        }
    }
}
Ответить с цитированием