Показать сообщение отдельно
  #1 (permalink)  
Старый 07.01.2019, 23:38
Интересующийся
Отправить личное сообщение для prolk Посмотреть профиль Найти все сообщения от prolk
 
Регистрация: 15.03.2018
Сообщений: 20

checkbox'ы. баттон.. деактевируется
<form name="form">
        <input type="checkbox" name="var" value="var1"> <span>VARIANT 1</span><br>
        <input type="checkbox" name="var" value="var2"> <span>VARIANT 2</span><br>
        <input type="checkbox" name="var" value="var3"> <span>VARIANT 3</span><br>
        <input type="checkbox" name="var" value="var4"> <span>VARIANT 4</span><br>
        <input type="checkbox" name="var" value="var5"> <span>VARIANT 5</span><br>
        <input type="button" value="reset">
    </form>



let res = document.querySelector('.result'),
    btn = document.querySelector('input[type=button]'),
    numCheck = 0,
    maxCheck = 3;

function radioClick(elem) {
    if (!elem.id) {
        numCheck++;
        elem.setAttribute('id', 'check');
    } else {
        numCheck--;
        elem.setAttribute('id', '');
    }
    for (let i = 0; i < form.length; ++i) {
        if (numCheck == maxCheck) {
            if (!form[i].checked) {
                form[i].disabled = true;
            }
        } else if (numCheck < maxCheck) {
            form[i].disabled = false;
        }
    }
}

for (let i = 0; i < form.elements.length; ++i) {
    let forms = form.elements[i];
    forms.onclick = function() {
        if (forms.type == 'checkbox') {
            radioClick(this);
        }
    }

}


Всем привет!!! с Рождеством Христовым!!!!!
вот в чем вопрос, при клике есть условие, что, если тип равен чекбоксу.... disabled, но тип баттон тоже становиться деактевирован, помогите с алгоритмом, как его не затронуть. && тоже пробовал, сунул, куда только можно. Спасибо!!!
Ответить с цитированием