If statement 如果输入值等于特定文本，则显示_If Statement_Input_Equals

If statement 如果输入值等于特定文本，则显示

if-statement input

If statement 如果输入值等于特定文本，则显示,if-statement,input,equals,If Statement,Input,Equals,我正在慢慢地学习jQuery，但肯定会，所以请原谅我的无知。我在谷歌上做了很多搜索，得到了下面的弗兰肯斯坦例子在本例中，如果用户在输入中输入“Kasey”或“Kasey”或“Kasey”，我希望div#pete具有display:block 提前谢谢 $（文档）.ready（函数（）{ $（“#fname”）.keyup（函数（）{ $（“#pete”）.css（“display”，this.value==“Kasey，Kasey，Kasey”？“block”：“none”）； }); }

我正在慢慢地学习jQuery，但肯定会，所以请原谅我的无知。我在谷歌上做了很多搜索，得到了下面的弗兰肯斯坦例子

在本例中，如果用户在输入中输入“Kasey”或“Kasey”或“Kasey”，我希望div#pete具有display:block

提前谢谢


$（文档）.ready（函数（）{
$（“#fname”）.keyup（函数（）{
$（“#pete”）.css（“display”，this.value==“Kasey，Kasey，Kasey”？“block”：“none”）；
});
});
姓名：
皮特

欢迎来到SO。您非常接近，您可以将代码修改为这样：

（this.value==“Kasey”| | this.value==“Kasey”？“block”：“无”

下面的示例使用了

indexOf

。我创建了一个可能值的数组，然后使用

indexOf（）

检查数组中是否存在键入的值

$(document).ready(function () {
    var acceptedValues = ["Kasey", "KASEY"];
    $("#fname").keyup(function () {
        $("#pete").css("display", (acceptedValues.indexOf(this.value) != -1) ? "block" : "none");
    });
});


$（文档）.ready（函数（）{
$（“#fname”）.keyup（函数（）{
if（this.value==“Kasey”| | this.value==“Kasey”| | this.value==“Kasey”）{
$（'#pete'）.css（“显示”、“块”）；
}否则{
$（'#pete'）.css（“显示”、“无”）；
}
});
});
姓名：
皮特

谢谢大家

这个代码工作得很好

$（文档）.ready（函数（）{
$（“#国家”）.keyup（函数（）{
$（“#问题”）.css（“显示”，this.value==“法国”| this.value==“法国”？“块”：“无”）；
$（“#响应”）.css（“显示”，this.value==“法国”？“块”：“无”）；
});
})；

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>

$(document).ready(function () {
    $("#fname").keyup(function () {
        if(this.value == "Kasey" || this.value=="KASEY" || this.value=="Kasey"){
            $('#pete').css("display", "block");
        }else{
            $('#pete').css("display", "none");
        }
    });
});

</script>


</head>
<body>

<p>Name: <input type="text" id="fname"></p>
<p id="pete" style="display:none;" >Pete</p>

</body>
</html>