按钮"disabled“上的RemoveAttr JS
按钮"disabled“上的RemoveAttr JS
提问于 2020-12-08 18:39:11
我正在编程一个小按钮，当我单击第一个按钮时，它将被启用。这应该很容易，但我有一个问题，它似乎不工作，你能给我一个线索，我错过了什么？这是代码，感谢那些愿意花时间回答我的人:)！
<button id="valid-retrait">Try it</button>
<button id="relay" disabled>Yoyoyo</button>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous">
document.getElementById("valid-retrait").addEventListener("click", btn - enabled);
function btn - enabled() {
document.getElementById("relay").removeAttribute("disabled");
}
</script>
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-12-08 18:41:56
您的代码中有三个问题。首先，您不能将JS代码放在具有src属性的<script>块中。他们需要分开。但是，由于您在代码中根本不使用jQuery，因此可以完全删除对它的引用。
其次，连字符-在变量或函数标识符中无效，因为它用作减法运算符。您需要将其删除，或者改用下划线_。
最后，JS中没有element关键字。在上下文中，您应该使用document。试试这个：
document.getElementById("valid-retrait").addEventListener("click", btnEnabled);
function btnEnabled() {
document.getElementById("relay").removeAttribute("disabled");
}.democlass {
color: red;
}<h1 class="democlass">Hello World</h1>
<p id="demo">Click the button to remove the class attribute from the h1 element.</p>
<button id="valid-retrait">Try it</button>
<button id="relay" disabled>Yoyoyo</button>
为了清楚起见，下面是完整的HTML页面结构：
<!DOCTYPE html>
<html>
<head>
<style>
.democlass {
color: red;
}
</style>
</head>
<body>
<h1 class="democlass">Hello World</h1>
<p id="demo">Click the button to remove the class attribute from the h1 element.</p>
<button id="valid-retrait">Try it</button>
<button id="relay" disabled>Yoyoyo</button>
<script>
document.getElementById("valid-retrait").addEventListener("click", btnEnabled);
function btnEnabled() {
document.getElementById("relay").removeAttribute("disabled");
}
</script>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65197347
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号