javascript - 根据另一个文本框的值禁用文本框

Question

我的表单中有三个文本框。如果数字文本框中的数字不等于 0，我的目标是禁用验证和评估文本框。我该如何实现？

伪代码

if(digit.Text != 0 )
{
  validate.enable = false;
  evaluate.enable = false;
}
else
{
  validate.enable = true;
  evaluate.enable = true;
}

我的尝试

function disableME()
{
  var numberTextBox = document.getElementById('number'),
      validateTextBox = document.getElementById('validate'),
      evaluateTextBox = document.getElementById('evaluate');

  if (numberTextBox.value != 0) 
  {
    validateTextBox.disable = true;
    evaluateTextBox.disable = true;
  }
  else
  {
    validateTextBox.disable = false;
    evaluateTextBox.disable = false;     
  }
}

<form action="welcome.php" method="post" id="myForm">
  Number: <input type="number" id="number" onchange="disableME()"><br>
  Validate: <input type="text" id="validate" onchange="disableME()"><br>
  Evaluate: <input type="text" id="evaluate" onchange="disableME()"><br>
</form>

Answer 1

您应该使用 ELEMENT.disabled 而不是 ELEMENT.disable。

这是对您的代码的更改:

function disableME()
{
  var numberTextBox = document.getElementById('number'),
      validateTextBox = document.getElementById('validate'),
      evaluateTextBox = document.getElementById('evaluate');

  if (numberTextBox.value != 0) 
  {
    validateTextBox.disabled = true;
    evaluateTextBox.disabled = true;
  }
  else
  {
    validateTextBox.disabled = false;
    evaluateTextBox.disabled = false;     
  }
}

<form action="welcome.php" method="post" id="myForm">
  Number: <input type="number" id="number" onchange="disableME()"><br>
  Validate: <input type="text" id="validate" onchange="disableME()"><br>
  Evaluate: <input type="text" id="evaluate" onchange="disableME()"><br>
</form>