javascript - 如果字段中未输入任何内容,则隐藏内容

标签 javascript php jquery html

我对此很陌生,正在尝试弄清楚。非常感谢您的浏览!

这有效:当用户在表单(index.html)上选择“包含”单选时,内容会显示在表单上,​​然后提交后也会显示在welcome.php上。否则它对两者都是隐藏的。

问题:如果在“animalvillas1”、“animalvillas2”和“animalvillas3”字段中未独立输入任何内容,我也想做同样的事情并隐藏在welcome.php上显示的内容。

请参阅下面的index.html 和welcome.php:

index.html

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("input[name='animalvillas']").click(function () {
            if ($("#chkYes1").is(":checked")) {
                $("#dvanimalvillas").show();
            } else {
                $("#dvanimalvillas").hide();
            }
        });
    });
    </script>
</head>
<form name="create" action="welcome.php" method="post">
<span><strong>Lodge Villas - Jambo</strong></span><BR />
<label for="chkYes1">
    <input type="radio" id="chkYes1" name="animalvillas" value="Y" />
    Include
</label>
<label for="chkNo1">
    <input type="radio" id="chkNo1" name="animalvillas" value="N" checked />
    Exclude
</label>
<hr />
<div id="dvanimalvillas" style="display: none">
$<input type="text" name="animalvillas1" size="3" /> - Value Studio - Standard View (Parking View) <br>
$<input type="text" name="animalvillas2" size="3" /> - Deluxe Studio - Standard View (Water / Pool) <br>
$<input type="text" name="animalvillas3" size="3" /> - Deluxe Studio - Savanna View <br>
</div>
<input type="submit" />
</form>

欢迎.php

<div id="dvanimalvillas"  <?php echo ($_POST['animalvillas'] == "N") ? 'style="display:none;"' : '' ; ?>>
    <?php 
        $animalvillas1 = $_POST["animalvilas1"];
        $animalvillas2 = $_POST["animalvilas2"];
        $animalvillas3 = $_POST["animalvilas3"];

        if(!empty($animalvillas1)){
            echo "$".$_POST["animalvilas1"]." - Value Studio - Standard View <BR>";
        }
        if(!empty($animalvillas2)){
            echo "$".$_POST["animalvilas2"]." - Deluxe Studio - Standard View <BR>";
        }
        if(!empty($animalvillas3)){
            echo "$".$_POST["animalvilas3"]." - Deluxe Studio - Savanna View <BR>";
        }
    ?>
</div>

最佳答案

在您的 welcome.php 中,您可以添加以下内容:

$hide = $_POST['animalvillas'] === "N" || ( 
            empty($_POST["animalvilas1"]) 
            && empty($_POST["animalvilas2"]) 
            && empty($_POST["animalvilas3"]));

<div id="dvanimalvillas"  <?php echo $hide ? 'style="display:none;"' : '' ; ?>>
    <?php ....  ?>
</div>

如果$_POST['animalvillas'] === "N"或者所有输入都是空的,这将隐藏内容!

我希望这会有所帮助。

关于javascript - 如果字段中未输入任何内容,则隐藏内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38646863/

相关文章:

javascript - forEach 没有定义——为什么?

javascript - 单击按钮时的 Highcharts 加载效果

php - 在阻塞应用程序中使用响应式 PHP

javascript - 在任何情况下检测值变化,jQuery

javascript - 如何将数据值从 View 传递到 Django 中的模板?

ide - 有没有用于 jQuery 开发的 eclipse WTP 插件?

javascript - 哪里可以查看GitHub REST api的二次限速?

javascript - 从具有相同名称行的多个下拉列表中获取值

php - Laravel Input::hasFile ('image' ) 即使文件已上传也返回 false

php - MYSQL多词搜索结果