不少時候咱們須要修改按鈕的狀態和按鈕上的文字,今天項目中恰好遇到這個問題,當按鈕點擊後改變按鈕上面的文字且使得按鈕變的不可點擊。javascript
直接上代碼。html
這是按鈕部分java
<a href="#modal-table" role="button" class="green" data-toggle="modal"><button type="button" class="btn btn-info btn btn-default btn-sm" onClick="checkins(this)" name="test" id="btns">查看操做記錄</button></a>
接下來是事件處理部分this
<script type="text/javascript"> function checkins(obj) { obj.disabled =true; y=document.getElementById("btns"); y.innerHTML="怎麼樣,改變了吧"; } </script>