javascript - 根据另一个输入值隐藏输入

我有这个简单的形式：

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

“可用”输入是通过php脚本自动填充的。我的问题是，如果在加载表单时“ avail”值为空，如何隐藏或禁用“ quantt”输入？

我已经试过了这个功能，但是没用:-(

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

非常感谢您的帮助。

最佳答案

使用以下功能

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