0

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

1 ответ 1

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>

8
  • логичнее дизейблить форму же. И да, селектор у вас выберет все 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

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.