單擊事件按鈕

Question

您可以看到圖片和代碼。我怎樣才能使它像點擊可用按鈕時，它會將文本更改爲單擊它的帳戶的用戶名。

<li>0 - 1 <button type="button" class="btn btn-primary" id="btnD" data-loading-text="Username">Available</button> 


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
     $('#btnD').click(function(){ 
        var btn = $(this); 
        btn.button('loading'); 
     }); 
}); 
</script></li> 
<li>0 - 2</li> 
<li>0 - 3</li> 

Answer 1

在這裏你去用一個例子液https://jsfiddle.net/hgnyqfoj/

var username = "James Balogbog" 
 
$('#btnD').click(function(){ 
 
\t $(this).text(username); 
 
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button" class="btn btn-primary" id="btnD" data-loading-text="Username">Available</button>

在上述方案中，我做了一個假設用戶名會提供與您在你的代碼中，所以我創建了一個名爲username的變量。

使用更新按鈕的文本所創建的變量（用戶名）在的onclick事件。