Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

переделал логику на tabs

Browse Source
This commit is contained in:
Kirill Pet
2024-10-31 13:42:31 +03:00
parent f662641ca8
commit 615ec2ff91
3 changed files with 50 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
assets/js/gp-form.js
View File

@@ -73,35 +73,26 @@ function checkPhone(input) {
})
}
inputTwo('.form-input__two', '.form-input-two__input')
inputTabs('.form-input__tabs', '.form-input-tabs__button');
function inputTwo(main, inputTwo) {
let buttons = document.querySelectorAll(main);
function inputTabs(main, button) {
let mains = document.querySelectorAll(main);
buttons.forEach(button => {
let input = button.querySelector(inputTwo);
button.onclick = function () {
input.checked = (input.checked == false) ? true : false;
mains.forEach(main => {
let buttons = main.querySelectorAll(button);
if (button.dataset.content) {
let content = button.dataset.content,
childrens = document.querySelector(`.${content}`).children;
Object.keys(childrens).forEach(blockId => {
let block = childrens[blockId];
buttons.forEach(button => {
button.onclick = function () {
main.querySelector('.active').classList.remove('active');
if (block.classList.contains('active')) {
block.classList.remove('active');
}else{
block.classList.add('active');
}
})
button.classList.add('active');
}
}
})
})
}
inputRadio('.form-input__radio', '.form-input-radio__item', '.form-input-radio__title', '.form-input-radio__input')
function inputRadio(main ,item, textClass, input) {