在Bootstrap JavaScript中禁用功能

时间:2018-06-21 05:04:41

标签: javascript html twitter-bootstrap

我想在单击后禁用引导程序内的功能。

<a href="#"><span class="glyphicon glyphicon-triangle-right" id="btn04" onclick="myfun();"></span></a>  

然后在某些情况下要启用此引导按钮。 请给我指路。 谢谢

1 个答案:

答案 0 :(得分:0)

var enable = true;
document.getElementById("btn04").disabled = false;

function myfun(){
  if (enable == true) { // condition for disable the button
     enable = false;
     document.getElementById("btn04").disabled = true;
     return false;
  } else {
     enable = true; // condition for enable the button
     document.getElementById("btn04").disabled = false;
     //do some activity.... 
     alert("enable");
  }
}
<a href="#"><span class="glyphicon glyphicon-triangle-right" id="btn04" onclick="myfun();">Disable</span></a>

您需要处理一些可以调用函数的基础,否则您可以返回false;