如果 'object' 的值为 0，则不显示 'level' 输入

Posted 2023-05-08

【中文标题】如果 \'object\' 的值为 0，则不显示 \'level\' 输入

【英文标题】：If the value of 'object' is 0 the 'level' input is not displayed如果 'object' 的值为 0，则不显示 'level' 输入

【发布时间】：2018-11-09 04:44:17

【问题描述】：

我要做的是： 当 'object' 的值为 0 时，不显示 'level' 输入..

我有什么：

input type="text" id="level"                                          
input type="text" id="object"                     

我想到了什么：

var lvl = document.getElementById("level")
var ogg = document.getElementById("object")

if (ogg == 0) 
    lvl.style.display = 'none';

;

这不起作用，我是 javascript 新手，所以请帮忙！！

【参考方案1】：

ogg只是一个html节点，你需要使用valueproperty的ogg来访问input值

if ( ogg.value == 0) 
        lvl.style.display = 'none';

    ;

或者如果你想检查 value 是否等于 null 或空白。

if (!ogg.value && ogg.value.trim() == "") 
    lvl.style.display = 'none';

;

【参考方案2】：

您应该使用.value 属性获取输入字段的值，例如：

if (ogg.value == 0) 
    lvl.style.display = 'none';
;

【参考方案3】：

var ogg = document.getElementById("object") 给你元素。使用

ogg.value获取输入元素的值

还有

你从输入元素中获取值作为字符串

使用== 会做你想做的事，但如果你真的将输入作为integer 或number 你最好将其解析为int 之类的

var value = parseInt(ogg.value)

现在在 if 条件下使用它

if(value === 0)

【参考方案4】：

这样做：

var ogg = document.getElementById("object").value;

.value 用于从 html 元素访问文本值。 还有问题吗？

更多信息：Here

所以你也可以用 .value 改变元素的文本值

document.getElementById("myOption").value = "newValue";

【参考方案5】：

您必须检查keyup event 上的object 的值。以下是工作示例

var lvl = document.getElementById("level")
var ogg = document.getElementById("object")

function check()
  if (parseInt(ogg.value) === 0) 
      lvl.style.display = 'none';
  
  else 
      lvl.style.display = 'block';
  

<input type="text" id="level" placeholder="level">
<input type="text" id="object"  placeholder="object" onkeyup="check()">