2011-09-18 158 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

相關問題