2011-09-18 132 views
0

如何在点击第一个按钮后显示第二个按钮?如何在点击第一个按钮之后显示第二个按钮?

我的意思是,当用户点击一个按钮,他应该看到另一个按钮,点击它应该返回到他的上一个按钮!循环事件种类... 我想用Java脚本和HTML来做到这一点。

我试图使用'onclick',但它的功能工作!帮帮我!!

这是我用什么..

`<body> 

function alert() 
{ 
    alert("54"); 
    // <input type="button" id="btnSer" value="Back"/> 
} 

    <input type="button" id="btnSearch" value="Search" onClick="alert();"> 


</body>` 
+0

您可以使用jQuery,例如 –

回答

1

像这样的事情?

<button id="button1" style="display:block;" onclick="document.getElementById('button2').style.display = 'block'; this.style.display = 'none';">Button 1</button> 
<button id="button2" style="display:none;" onclick="document.getElementById('button1').style.display = 'block'; this.style.display = 'none';">Button 2</button> 
0

这里是使用简单的纯代码的javascript:(*注意:在命名功能警报()心不是聪明的,因为已经有一个在JS称为警报预定义的函数)

JavaScript代码

function addBtn(){ 
    document.getElementById('btnHolder').innerHTML = '<input type="button" onClick="javascript:removeBtn();" value="click" />'; 
} 

function removeBtn(){ 
    document.getElementById('btnHolder').innerHTML = ''; 
} 

HTML

<div id="btnOne"><input type="button" onClick="javascript:addBtn();" value="click" /></div> 
<div id="btnHolder"></div> 

这段代码没有进行测试,但它应该工作,让我知道,如果您有任何其他疑问

+0

的'的JavaScript:'是不必要的。 “onclick”引号内的任何内容都被视为javascript。 – fireshadow52

+1

是的,我知道,但多数民众赞成我有一个习惯:)它并没有真正打破任何东西,所以我只是这样做。 – ahoura

相关问题