|
Сообщение от monte
|
|
$(e.target)[0]
|
А это из какого ада?
|
Сообщение от monte
|
|
$(e.target)[0].tagName == 'LABEL' && $(e.target).children('input').prop('checked') || $(e.target)[0].tagName == 'INPUT' && $(e.target).prop('checked')
|
А зачем вам такая проверка, если label с input именно так и работают?
Как я понял, вы хотите, чтобы галочку можно было снять с подтверждением!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<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>
<script>
$(".checkbox").on("change", ({ target }) => {
if(!target.checked) {
const check = confirm('Точно?');
target.checked = !check;
}
});
</script>
</body>
</html>
Там на сайте jQuery они пишут
write less, do more, а куда не посмотри (где используется jQuery), получается
write more, do less!
Без jQuery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<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">
<label>
<input type="checkbox" class="checkbox">
Wife
</label>
</div>
</div>
</div>
<script>
document.addEventListener("change", ({ target }) => {
if(target.matches(".checkbox") && !target.checked) {
const check = confirm('Точно?');
target.checked = !check;
}
});
</script>
</body>
</html>