2014-10-10 80 views
3

我是新來的JavaScript和HTML。我有一個小問題。在javascript文件中我有一些像下面這樣的東西。如何通過第二個按鈕點擊第一個按鈕到一個JavaScript函數

function setColor(btn, color) 
{ 
if (btn.style.backgroundColor == "#f47121") { 
    btn.style.backgroundColor = color; 
} else { 
    btn.style.backgroundColor = "#f47121"; 
} 
} 

<input type="submit" value="Review & Next" name="b1" onclick="setColor(this,'#fff200');" /> 
<input type="submit" value="1" name="b2" /> 

我的問題是如何傳遞的第二個按鈕的功能參數點擊第一個按鈕,而不是「本」我使用B2時,但沒有奏效任何人都可以幫助請

+0

請注意,瀏覽器返回不同的格式_color_性質,所以您的病情會在某些瀏覽器失敗。您可以改爲切換一個className。 – undefined 2014-10-10 22:50:31

回答

2

你可以使用id代替。

將id設置爲'b2',然後在函數內部找到並設置它。 你不再需要使用this了。無論你在函數中傳遞了什麼id,都會使用它。

<input type="submit" value="Review & Next" name="b1" id="b1" onclick="setColor('b2','#fff200');" /> 
<input type="submit" value="1" name="b2" id="b2"/> 

您現在可以通過其中任何功能

function setColor(arg, color) 
{ 
    var btn = document.getElementById(arg); 

if (btn.style.backgroundColor == "#f47121") { 
    btn.style.backgroundColor = color; 
} else { 
    btn.style.backgroundColor = "#f47121"; 
} 
} 
相關問題