我想做的事情用语言来说很简单,但我不知道如何实际做到。
我在一个HTML文件中给了一个容器一个Div ID/Class。
现在我想在php文件中添加一个复选框或按钮,它可以在HTML文件中隐藏和显示div元素。
我想做的事:
- 通常对每个人都友好
- 我选中了隐藏打开并单击提交
- 移除容器或将可见性更改为无
如果我理解你的意思,试试这个:http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show
只需将按钮更改为复选框,并进行一些检查,如果复选框被选中,则隐藏其他显示
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#showHide').change(function(){
var c = this.checked ? $("p").show() : $("p").hide();
});
});
</script>
<p>If you click on the "Hide" button, I will disappear.</p>
<input type="checkbox" id="showHide" name="showHide" value="Show">Check it
使用这个Javascript(您不必使用Jquery):
<script type="text/javascript">
function showHide(thediv){
id = document.getElementById(thediv).style;
id.display = (id.display != 'inline')? 'inline' : 'none';
}
</script>
然后定义要隐藏的div:
<div style="display:none" id="my_div">
Hello World or any other HTML
</div>
现在,在代码中的某个位置设置您的单选按钮,并在单击时触发显示脚本:
<input type="radio" onclick="showHide('my_div')" />
如果您希望div显示为默认值,请更改为
<div style="display:inline" id="my_div">
或者干脆完全去掉样式。