2015-10-04 36 views
-2

我有一個按鈕,它擴大和隱藏文本。但我不知道如何改變文本的價值。我的意思是當我點擊擴展按鈕,說「展開」它不會更改爲「隱藏」它保持爲「展開」。我試圖在JavaScript,但不完全確定如何將它應用到HTML :(如何更改按鈕的值? jquery

function btnChanger() { 
    var i = 0; 

    if(i % 2 == 0) 
    { 
     document.getElementById("hide").value="Hide"; 
    } 
    else 
    { 
     document.getElementById("hide").value="Expand"; 
    } 
    i++; 
} 

如果是容易做jQuery的我不是太肯定,感謝提前:)這裏是Jfiddle? https://jsfiddle.net/dmgnsx17/3/

+2

因爲你始終聲明' var i = 0'內部函數,它將始終爲0 – charlietfl

+0

你的代碼是正確的,但是你每次都重新初始化'i'爲0。引用一個不是本地函數的計數器,或者在這個答案中做類似的事情:http://stackoverflow.com/a/10671201/185034 – Paul

+0

只需使用'$(「#hide」)。prop(「value」,「Expand /隱藏「)或attr() –

回答

1

您可以同時使用jQuery或JavaScript。使用而不是宣佈任何新的或全局變量的代碼,這可能會往往會吸引錯誤的值:

function btnChanger() { 
    if (document.getElementById("hide").innerHTML == "Hide") 
     document.getElementById("hide").innerHTML = "Expand"; 
    else 
     document.getElementById("hide").innerHTML = "Hide"; 
} 

做jQuery的同樣的事情,你可以使用:

function btnChanger() { 
    if ($("#hide").html() == "Hide") 
     $("#hide").html("Expand"); 
    else 
     $("#hide").html("Hide"); 
} 
+0

謝謝你喲堆:)完美的作品! XO – BriannaXD