根据其他输入值

Question

我有这个简单的形式：

<form align="center" onload="chk()" name="form" action="" method="post" id="form">  
  <input type="text" name="quantt" id="quantt" value="">    
  <input type="text" name="avail" id="avail" value="">  
</form>

“avail”输入是从php脚本自动填充的。我的问题是，如果表单中“avail”值为空 ，我如何隐藏或禁用“quantt”输入？

我已经尝试过这个功能，但它不起作用： - （

function chk() {
    var ava = document.form.avail;
    if (ava.value == "") {
        document.getElementById("quantt").type = "hidden";
    } else {
        document.getElementById("quantt").type = "text";
    }
}

非常感谢您的帮助。

Answer 1

chk（）函数似乎工作正常。尝试使用window.onload调用它，如：

window.onload = function() {
    chk();
};

有关详细信息，请参阅this问题。

Answer 2

  

使用以下功能

<script>
    function chk() 
    {
        if ( $("#avail").val() == "" ) {
            $("#quantt").attr("hide", true)
        } else {
            $("#quantt").attr("hide", false)
        }
    }
</script>

Answer 3

使用Element.querySelector()，您可以在chk加载时调用您的函数body：

document.querySelector('body').onload = function chk() {
  var qte = document.getElementById('quantt')
  document.getElementById('avail').type = (qte.value === '') ? 'hidden' : 'text';
};

<form align="center" name="form" action="" method="post" id="form">  
  <input type="hidden" name="quantt" id="quantt" value="">    
  <input type="text" name="avail" id="avail" value="">    
</form>