Есть модальное окно с выбором цвета и размера памяти, при клике на выбранный цвет в input с type='hidden' записываю выбранный цвет, с выбором памяти все аналогично. Все данные записываются, но я никак не могу сделать кнопку неактивной, если в этих инпутах нет value и наоборот
let colorPhone = document.querySelectorAll('.color-phone'),
ramPhone = document.querySelectorAll('.ram-phone'),
colorChecked = document.querySelector('#color_checked'),
ramChecked = document.querySelector('#ram_checked'),
colorPhone.forEach(item => {
item.addEventListener('click', selectColorPhone)
})
function selectColorPhone() {
colorPhone.forEach(item => {
item.classList.remove('is-active')
})
this.classList.add('is-active')
colorChecked.value = this.getAttribute('data-color-phone')
}
ramPhone.forEach(item => {
item.addEventListener('click', selectRamPhone)
})
function selectRamPhone() {
ramPhone.forEach(item => {
item.classList.remove('is-active')
})
this.classList.add('is-active')
ramChecked.value = this.getAttribute('data-ram-phone')
}
let btn = document.querySelector('#stepOne .change-step-footer button')
console.log(btn)
if (colorChecked.value.length > 0) {
btn.removeAttribute('disabled')
}
писал по-разному, несколько раз переписывал, но все равно не работает, подскажите в чем может быть проблема?
