如果字段中未输入任何内容,则隐藏内容
Hide content if nothing was entered in field
我是新手,正在努力解决这个问题。非常感谢您的观看!
这是有效的:当用户在表单(index.html)上选择"包含"单选时,内容会显示在表单上,然后在提交后也会显示在welcome.php上。它对其他两种情况都是隐藏的。
问题是:如果在字段"animalillas1"、"animalvias2"&动物独立地3’。
请参阅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>
welcome.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"
或所有输入为空,这将隐藏内容!
我希望这会有所帮助。
相关文章:
- jQuery中是否内置了任何字符串格式化函数
- 是否有任何内置方法可以更改JavaScript对象'的属性设置为某个值
- 使用 CasperJS 时,是否可以在执行任何内联或外部 Javascript 之前与加载页面的 DOM 进行交互
- 在移动 Safari 中隐藏/显示内联 SVG 时遇到问题
- 如何使用 js 显示/隐藏函数内的标记
- 找不到“”;应用程序“;模板或视图.对象{fullName:“template:application”}将不呈现任何内
- 可以't选择并隐藏任何以前的元素
- 如何在没有任何内置函数的情况下将元素添加到数组中
- 隐藏元素内跨度的高度
- 如何获得元素id点击没有任何内联函数调用在javascript
- 在javascript/jquery中是否有任何内置功能来过滤邮件,如php's函数(!使用filter_var
- ASP.隐藏DIV内的.NET CheckBox总是返回false
- 在JavaScript中过滤数组,而不使用任何内置函数或新数组
- 用Angularjs隐藏任何html元素
- Jquery是否有任何内置方法来单独查找可验证的元素?
- 通过单击隐藏任何没有父标记的元素(当我粘贴JQuery代码并单击该元素时,它应该隐藏)
- 我试图在不使用任何内置方法的情况下延迟此函数.为什么这行不通呢?
- 如何在不使用javascript中任何内置函数的情况下反转字符串
- Angular Bootstrap-ui 是否有任何内置函数来处理打开或关闭的东西
- 移除或隐藏 iframe 内的内容