很多时候我们需要修改按钮的状态和按钮上的文字,今天项目中刚好遇到这个问题,当按钮点击后改变按钮上面的文字且使得按钮变的不可点击。
直接上代码。
这是按钮部分
<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>
接下来是事件处理部分
<script type="text/javascript"> function checkins(obj) { obj.disabled =true; y=document.getElementById("btns"); y.innerHTML="怎么样,改变了吧"; } </script>
原文:http://my.oschina.net/u/1778933/blog/504103