Question

我正在尝试启用一个按钮，默认情况下在bootstrap中禁用。

我尝试过使用remove class，prop()，并在jQuery中删除attr，但它似乎不起作用。

有没有办法启用它？

喜欢：

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script>
$('#example').prop('disabled', false);
</script>
</head>
<body>
<button id="example" type="button" class="btn btn-default btn-disabled"disabled>Text</button>

</body>
</html>

Answer 1

这不起作用的原因很简单：在执行javascript代码时不加载html元素。所以，这段代码没有做任何事情。

尝试这样的事情：

$(document).ready(function(){ // Makes your code load after the page is loaded.
   $('#example').prop('disabled', false);
   $('.btn-default').removeClass('btn-disabled');
});

工作示例：https://jsfiddle.net/crix/nxLmkutq/

希望这有帮助！祝你好运。

Answer 2

我猜您不需要btn-disabled类，因为禁用属性会处理它，除非您需要任何特定颜色或任何其他CSS样式

<button id="example" type="button" class="btn btn-default" disabled>Text</button>

$(document).ready(function(){
   $('#example').prop('disabled', false);
});

jsFiddle

如何在Bootstrap中启用默认禁用按钮？

2 个答案: