<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, но тип баттон тоже становиться деактевирован, помогите с алгоритмом, как его не затронуть. && тоже пробовал, сунул, куда только можно. Спасибо!!!