fiddle :http://liveweave.com/TBJ9EZ
我有两个文本框的 input[type=text] elements ，我想要做的是，一旦它们具有“非空白”值，我就想显示一个 div，并且一旦它们中的任何一个都有一个空白值来隐藏 div。
我究竟做错了什么？
$(document).ready(function() {
var AppName = $(".appname").val(),
AppUrl = $(".appurl").val();
$("input").on("keyup change", function() {
if ((AppName === "") && (AppUrl === "")) {
$("div").addClass("hide");
} else {
$("div").removeClass("hide");
}
});
});.hide {
display: none;
}<!DOCTYPE html>
<html>
<head>
<title>Check Fields</title>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<link type="text/css" rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<input class="appname" type="text" placeholder="Application name">
<input class="appurl" type="text" placeholder="http://website.com/">
<div class="hide">All fields are filled :)</div>
</body>
</html>最佳答案
您应该使用 move 语句在点击处理程序中获取值。
$("input").on("keyup change", function() {
var AppName = $(".appname").val(),
AppUrl = $(".appurl").val();
if ((AppName === "") && (AppUrl === "")) {
$("div").addClass("hide");
} else {
$("div").removeClass("hide");
}
});
您也可以使用
.toggleClass(state) $("input").on("keyup change", function() {
$("div").toggleClass("hide", $(".appname").val() === "" && $(".appurl").val() === "");
});
关于javascript - 如果两个文本框的值不为空执行函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30522354/