首页 > 技术文章 > html元素禁用disable or enable

pengyan5945 2018-11-13 10:54 原文

场景说明

ajax提交数据,防止收到服务端相应前用户重复点击。

  • 1.用户点击按钮,禁用当前按钮,发起ajax请求。
  • 2.收到ajax请求,还原当前按钮。

html解决方案

参考地址:http://www.w3school.com.cn/tags/att_input_disabled.asp

  • 禁用
<input disabled="disabled" />
$("#btn1").attr("disabled","disabled");
  • 启用
<input />
$("#btn1").removeAttr("disabled");

easyui解决方案

参考地址:http://www.jeasyui.net/plugins/187.html

<a href="javascript:save()" class="easyui-linkbutton" id="submitButton">提交</a>
  • 禁用
$('#btn').linkbutton('disable');
  • 启用
$('#btn').linkbutton('enable');

推荐阅读