включение и отключение полей

Question

У меня есть эта функция, которая отлично работает, но единственное: у меня есть два tr с id, когда один активен, другой шипит, а если другой активен, первый скрыт

Итак, вот оно is:

function submitSQLForm( which ) {
                theForm = document.forms[which];
                if(!theForm.textarea1.value.length) { 
                    alert('hello');
                    console.log(!theForm.textarea1.value.length);
                    document.form_sql.textarea1.focus(); 
                    return false;
                }
                else {

                    theForm.target = (theForm.resulttarget.checked) ? '_blank' : 'execbottom'; 
                    theForm.action = (theForm.resulttarget.checked) ? theForm.action + '&nnw=1' : theForm.action;
                    theForm.submit();
                }
            }

теперь проблема в том, что один div имеет textarea1, а другой div имеет текстовое поле с именем textarea2, я хочу сформировать для определения текстового поля на основе активного div и использовать его textarea вместо жесткого кодирования значения, как мне попробовать

Answer 1

Вот пример

var form1 = document.querySelector("#f1"),
  form2 = document.querySelector("#f2"),
  inp1 = form1.querySelector("input"),
  inp2 = form2.querySelector("input"),
  check = document.querySelector("input[type='checkbox']"),
  saveButton = document.querySelector("button"),
  visibleForm = 1;

check.onchange = function() {
  form1.classList.toggle("hidden");
  form2.classList.toggle("hidden");
  visibleForm = this.checked && 1 || 2;
}

saveButton.onclick = function() {
  console.log([inp1, inp2][visibleForm - 1].value);
}

.hidden {
  display: none;
}

<input type="checkbox" checked> Check/Uncheck to switch forms for testing

<form id="f1">
  Form1
  <input type="text" value="Hi from f1">
</form>

<form id="f2" class="hidden">
  Form2
  <input type="text" value="Hi from f2">
</form>

<button>Save</button>