簡單的JavaScript函數來持久地改變onclick按鈕的狀態？

有沒有人有任何簡單的JavaScript函數，持久地改變一個按鈕的狀態onClick？如：簡單的JavaScript函數來持久地改變onclick按鈕的狀態？

[按鈕1] [BUTTON2] [BUTTON3]

然後，當你點擊按鈕1，這樣的事情發生了：

（（（按鈕1）））[BUTTON2] [BUTTON3]

然後，如果你點擊按鈕2，這種情況會發生：

[按鈕1]（（（BUTTON2）））[BUTTON3]

在圖像與按鈕關聯1瓚堅持不懈。

我查看了這個答案https://stackoverflow.com/a/4967732/73844和這個答案https://stackoverflow.com/a/7991898/738448但是我很難看到他們如何配合做我想做的事情。任何幫助，將不勝感激。

這裏是代碼我試過：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<style type="text/css"> 
#prog 
{ 
    margin: 5px 85px; 
    width: 200px; 
    height: 40px; 
    background:url(prog_off.png) no-repeat; 
    border: 0; 
} 
</style> 
<script type="text/javascript"> 
function changeImage() { 
    test=document.getElementById("prog"); 
    test.backgroundImage="url(prog_on.png)"; 
} 
</script> 
</head> 
<body> 
<input type="button" id="prog" onClick="changeImage()" /> 
</body> 
</html>

來源

2012-08-16 gfppaste

你是什麼意思持續？如果點擊button1後點擊button2，這兩個按鈕是否被按下？或者button1被取消選擇，button2被壓下？此外，示例代碼將有所幫助 – laker 2012-08-16 17:37:28

按鈕1將被壓下，並且按鈕2將被按下。我會暫時發佈我的代碼。 – gfppaste 2012-08-16 17:39:36