通过JS删除“禁用”但按钮仍然被禁用?

时间:2015-07-29 14:39:40

标签: javascript

我有2个按钮:第一个按钮被禁用;第二个按钮启用第一个按钮,即计划。 按钮1:

$(document).ready(function() {
  $('#click').click(function() {
    document.getElementById("submit-disabled").disabled = false;
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" id="submit-disabled" name="cusubmit" value="Update" class="btn btn-primary" disabled />
<input id="click" type="button" value="Enable" class="btn btn-primary" />

点击按钮2后,“禁用”将从按钮1中删除,但仍然禁用...

有人有想法吗?

2 个答案:

答案 0 :(得分:1)

不知道你为什么使用纯JS结合jquery。我会坚持一个(原来的JS更快)。此外,您的代码看起来还不错。我创建了这个FIDDLE,所有这些都应该可以正常工作:

FIDDLE: https://jsfiddle.net/wsqe2hzs/

var $click = document.getElementById('click');
var $submit = document.getElementById('submit-disabled');

$click.addEventListener('click', function () {
    $submit.disabled = false;
});

必须有其他东西才能实现这一目标。尝试我提供的代码,如果它仍然给你带来问题,请提供更多代码,以便我们能够查明问题。

答案 1 :(得分:0)

您需要明确删除已禁用的属性:

$("#submit-disabled").removeProp("disabled");