JS/html запрет, отключение форм, действий

226

08 февраля 2018, 14:59

Здравствуйте, подскажите какой самый эффективный способ, запретить использование элементов. Допустим есть блок с формой, textarea, кнопкой, инпутами, и так далее, так вот, при определенном условии, мне нужно просто disable, все что находится в определенном радиусе, чтобы это можно было только видеть. Я думал про невидимый блок, который можно наложить сверху, затем при определенных условиях убрать, но не уверен что это best way решение.

Answer 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>