переделал переключение в "Возраст питомца"
This commit is contained in:
@@ -156,3 +156,30 @@ function listInputRadio(main ,item, textClass, input, content, block) {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
remoteControl('.form-input__remote-control', '.form-input-tabs__button');
|
||||||
|
|
||||||
|
function remoteControl(main, button) {
|
||||||
|
let mains = document.querySelectorAll(main);
|
||||||
|
|
||||||
|
mains.forEach(main => {
|
||||||
|
let subjectClass = main.dataset.content,
|
||||||
|
subject = document.querySelector(`.${subjectClass}`),
|
||||||
|
buttons = Array.from(main.querySelectorAll(button));
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
main.addEventListener('mousedown', function (eventMain) {
|
||||||
|
setTimeout(() => {
|
||||||
|
let indexActive = buttons.findIndex((button, index) => {
|
||||||
|
if (button.classList.contains('active')) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
subject.querySelector('.active').classList.remove('active');
|
||||||
|
subject.children[indexActive].classList.add('active');
|
||||||
|
}, 0);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -952,7 +952,7 @@
|
|||||||
|
|
||||||
<div class="modal-form-content__line">
|
<div class="modal-form-content__line">
|
||||||
<label for="" class="label-name">Возраст питомца</label>
|
<label for="" class="label-name">Возраст питомца</label>
|
||||||
<div class="form-input__tabs" data-content="modal__age">
|
<div class="form-input__tabs form-input__remote-control" data-content="modal__age">
|
||||||
<label for="exemplary" class="form-input-tabs__button active">
|
<label for="exemplary" class="form-input-tabs__button active">
|
||||||
Примерный
|
Примерный
|
||||||
<input type="radio" checked name="weight" id="exemplary" class="form-input-tabs__input">
|
<input type="radio" checked name="weight" id="exemplary" class="form-input-tabs__input">
|
||||||
|
|||||||
Reference in New Issue
Block a user