如何在单击按钮时使用 Javascript 显示/隐藏 div答案

【问题标题】：How can I show/hide div using Java Script on click of button如何在单击按钮时使用 Javascript 显示/隐藏 div
【发布时间】：2012-11-13 23:14:13
【问题描述】：

我正在尝试编写一个 PHP Java Script，但在这部分编码中写得很辛苦。

我正在尝试在打开的表单中创建一个按钮

目前我写的代码是

function display(e){
    if (e.clicked)
        document.getElementById('2').style.display = 'none';
    else
        document.getElementById('2').style.display = 'block';

表格代码是；

 <input type="button" value=" Book Now " onClick="display(this)"/></input>

任何帮助指出我的明显错误都会很棒，可以在以下位置查看实时代码 http://affordablecleaners.co.uk/quote/

谢谢，

亨利

【问题讨论】：

标签： javascript onclick show-hide forms buttonclick

【解决方案1】：

尝试类似以下的方法

var i = 0;
var display = function() {
    document.getElementById('2').style.display = (i++ % 2) ? "none" : "block";
};

本质上，我们正在创建一个变量i，并在每次调用该函数时将其加一。如果在调用函数时，i 是偶数，那么我们将其设置为display: block。否则，将其设置为display: none。

此解决方案的最大缺点是使全局范围混乱。如果这是一个问题，您还可以执行以下操作。

var display = function() {
    document.getElementById('2').style.display = (document.getElementById('2').style.display == "none") ? "block" : "none";
};

【讨论】：

哦，我喜欢这个，让我现在试试
但是等等，我认为它需要？ “无”：“阻止”；因为我希望它被隐藏，除非点击
哦，对不起。如果您希望它在第一次单击时显示，请将其更改为 i = 1 或仅更改语句 (? "none" : "block")。更新
hmm.. 我的 onclick= 是什么？我需要为 javescript 分配一个函数名吗？
onclick="display()"，或在 javascript 中指定。

【解决方案2】：

这是（未经测试的）逻辑...

function display(state, which){

if (state==1) {document.getElementById(which).style.display ='none';}

    else

    {document.getElementById(which).style.display = 'block';}
}

然后在您的按钮中...

开启

onclick="display('1',someDIV)"

关闭

onclick="display('0',someDIV)"

【讨论】：

你能双击一个按钮吗？
这是一个切换开关，但如果您愿意，您可以使用 L-Click 开启和 R-Click 关闭。你愿意吗？
如果这就是你的意思，我不知道如何处理双击。
他想摆脱你的状态参数，并一键自动完成。他希望它是一个自动切换，基本上……不过，我的脚本就是这样做的。