如何使用JavaScript或jQuery單擊後更改提交按鈕的值？

Question

我有點擊提交按鈕時從數據庫中獲取數據的動態頁面。我想在點擊時更改提交按鈕的值。

顯示數據------>刷新

<button type="submit" name="submit" value="submit" class="btn btn-success" id="showdata">Show Data</button> 

當我點擊這個按鈕一次，然後就會將其隱藏和顯示

<button type="submit" name="submit" value="submit" class="btn btn-success" id="showdata">Refresh</button> 

Answer 1

試試這個JSfiddle

$(document).ready(function() { 
    $("button").click(function() { 
    $(this).text(($(this).text() == 'Show Data' ? 'Refresh' : 'Show Data')) 
    }) 

}）

Answer 2

這是你可以做什麼：

$("#showdata").click(function() { 
    $(this).text("Refresh"); 
}); 

Here is the JSFiddle demo

Answer 3

onclick事件，您可以更改HTML文本

<button type="submit" name="submit" value="submit" class="btn btn-success" id="showdata" onclick="changeHtml(this)">Show Data</button> 

<script> 
    function changeHtml(id) { 
     id.innerHTML = "Refresh!"; 
    } 
</script> 

OR

通過jQuery

<button type="submit" name="submit" value="submit" class="btn btn-success" id="showdata">Show Data</button> 

<script> 
    $("#showdata").click(function() { 
     $("#showdata").html('Refresh'); 
    }); 
</script> 

Answer 4

不要調用該值，因爲它已經有了值，只是說文本或innerHTML。

<script type="text/javascript"> 
    document.getElementById("showdata").onclick = function() { 
     this.innerHTML = "Refresh"; 
    } 
</script>