頁面重新加載後保持按鈕屬性

Question

嗨我試圖在html中設置按鈕屬性，當它被點擊，當它不是，當這些頁面不重新加載時，這些更改工作正常。 我想保留頁面重新加載後的按鈕屬性，o如果點擊了按鈕，然後頁面被重新加載，按鈕需要保持選中狀態。

我做了在HTML這個例子來說明什麼，我已經得到了

<button id="btntext" class="k-button" onclick="clickEvent(this.id, 't2')" onmousemove="imgChange(this.id, 't2', 't')" onmouseout="imgChange(this.id, 't','t2')"><img id= "icon" class="k-image" alt="text" src="../images/t2.png" style="width: 30px; height: 30px; vertical-align:inherit" hspace="7"/>Text</button> 

也有用戶點擊或鼠標移動（imgChange）的腳本巫變化IMG但它並不作品我需要。

Answer 1

使用localstorage變量並將其設置爲true或false。 http://www.w3schools.com/html/html5_webstorage.asp

U可以在javascript中設置變量並綁定到html。

Answer 2

看看有兩個解決方案， 1.client側溶液 2.server側溶液

1.client側溶液

一個。使用localStorage或sessionStorage，例如，

考慮你的html;

<button id="somebutton" style="color:red" onclick=click()>Some Button</button> 

現在JS：

function click(){ 
     $("#somebutton").css("color","green"); 
     localStorage.setItem("btncolor","green"); 
} 

而且在文檔加載

window.onload=function() 
{ 
     $("#somebutton").css("color",localStorage.getItem("btncolor")); 
} 

2.server端解決方案

按鈕

呼叫AJAX單擊保存在服務器端的按鈕狀態並在window.onload調用另一個Ajax從服務器端獲取狀態。