增量計數器onclick

我已經將數字X設置爲5. 單擊按鈕時，腳本運行以更新數據庫而不刷新 - 工作正常。現在我想要頁面上的一個數字更新到6，也沒有頁面刷新。我試過JS，但最終有一個輸入字段看起來很糟糕的數字。有沒有其他的方式，也許有jQuery。增量計數器onclick

來源

2012-10-21 user1763879

你嘗試過什麼？郵政編碼，如果你沒有 – alestanis

jQuery不需要。爲像''標籤那樣的數字定義容器，並使用純粹的JavaScript通過其innerHTML屬性修改其內容。如果您使用的是jQuery（http：//api.jquery），那麼document.getElementById（'the-span'）。innerHTML = 6;' –

'使用'text（）'函數。 com/text /） – Eru

您不必使用jQuery。

您可以在不使用jQuery的情況下通過純JavaScript更新頁面上的所有內容。從Javascript Tutorial at tizag.com

例子：

<script type="text/javascript"> 
    function changeText() 
    { 
    document.getElementById('boldStuff').innerHTML = 'Fred Flinstone'; 
    } 
</script> 

<p> 
    Welcome to the site <b id='boldStuff'>dude</b> 
</p> 

<input type='button' onclick='changeText()' value='Change Text'/>

來源

2012-10-21 22:22:11 Kamil

yap開始。非常感謝 – user1763879

這將讓你通過它的id獲取元素並更新它的值。

document.getElementById('theId').innerHTML = newValue;

如果您目前沒有使用jQuery，那麼請不要僅僅爲此使用它。如果您使用jQuery，您可以執行以下操作。

$('#theId').html(newValue);

或

$('#theId').text(newValue);

根據是否NEWVALUE可能會或可能不會有HTML它。

jquery和直接的javascript例子都是等價的。

來源

2012-10-21 22:17:45

與jquery $("your containerselector").html(parseInt($("your containerselector").html()) + 1)雖然你需要確保你的容器只包含int。

來源

2012-10-21 22:18:55 charly

使用整個jQuery的一個元素更新是瘋了:) – Kamil

是的，但最終相當多的人最終使用JavaScript庫作爲他們的網站的一部分沒有？ – charly

這就是@charly，但我們不知道他是否已經在使用jQuery。我認爲他不是，因爲他不知道如何使用它。他應該從Javascript基礎知識開始學習，而不是框架。 – Kamil

增量計數器onclick

回答

相關問題