单击事件按钮

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/

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

在解决方案中，我做了假设，在整个代码中，您可以使用用户名，因此我创建了一个名为username的变量。

使用创建的变量（用户名）更新 onclick 事件中按钮的文字