Есть такой вот простенький чекбокс. Проблема в том, что некоторые браузеры некорректно себя веду, а некоторые - корректно. Как можно это исправить?
Используется 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);
}
}
}