Здравствуйте, подскажите какой самый эффективный способ, запретить использование элементов. Допустим есть блок с формой, textarea, кнопкой, инпутами, и так далее, так вот, при определенном условии, мне нужно просто disable, все что находится в определенном радиусе, чтобы это можно было только видеть. Я думал про невидимый блок, который можно наложить сверху, затем при определенных условиях убрать, но не уверен что это best way решение.
1 ответ
Например так.
Скрипт находит все элементы форм внутри формы и добавляет (убирает) disabled
.
function ToggleEnable() {
var form = document.getElementById("form1");
var ells = form.querySelectorAll("input,textarea");
for(var el of ells) {
if(el.getAttribute("disabled") == "disable") {
el.removeAttribute("disabled");
} else {
el.setAttribute("disabled","disable");
}
}
}
<form id="form1">
<p><input type="text" value="xxxxxx"> </p>
<p><input type="password" value="111111"> </p>
<p><textarea>11111111
2222222222222</textarea> </p>
<p><input type="checkbox" ></p>
</form>
<a href="javascript://" onclick="ToggleEnable()">disable/enable</a>
-
логичнее дизейблить форму же. И да, селектор у вас выберет все textarea на странице. Commented 7 февр. 2018 в 17:22
-
@MedvedevDev форма как я понимаю не дизейблится. На счёт
textarea
спасибо, запятая работала не так как я ожидал )) Commented 7 февр. 2018 в 17:49 -
я имел ввиду, что логичнее прерывать event submit у формы. Commented 7 февр. 2018 в 17:55
-
@MedvedevDev но данные можно будет ввести в этом случае, кроме того стиль не поменяется Commented 7 февр. 2018 в 17:57
-
@MedvedevDev но ваше решение тоже думаю подходит совестно с наложение div поверх, например, но это уже не относится к моему ответу, это другое решение Commented 7 февр. 2018 в 17:57