不少时候咱们须要修改按钮的状态和按钮上的文字,今天项目中恰好遇到这个问题,当按钮点击后改变按钮上面的文字且使得按钮变的不可点击。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>