按钮未通过 javascript 函数禁用答案

【问题标题】：Button is not disabled via javascript function按钮未通过 javascript 函数禁用
【发布时间】：2017-09-12 21:36:36
【问题描述】：

我使用下面的按钮。

<input type="button" id="attractionsSection" value="Warsztaty" onclick="location.href='@Url.Action("AddAttractions","ReservationDetails")'" disabled="disabled" />

在 js 脚本中，我检查某些条件是否为真，然后我将按钮的属性设置为禁用。

if(Model.stagesConfirmation[4]==true)
                                {
                                <script>
                                    $(function () {
                                        console.log('Test1');
                                        document.getElementById('attractionsSection').disabled = 'true';
                                        console.log(document.getElementById('attractionsSection'));
                                        console.log('Test2');
                                    });
                                </script>
                            }

我使用控制台日志来测试这个条件是否通过并且没问题。我设置为禁用，按钮仍然保持活动状态。这个console.log

console.log(document.getElementById('attractionsSection'));

显示以下内容

<input type="button" id="attractionsSection" value="Warsztaty" onclick="location.href='@Url.Action("AddAttractions","ReservationDetails")'"/>

所以它没有被禁用。怎么解决，可能是什么问题？

【问题讨论】：

您在浏览器控制台中看到该输出了吗？例如。 “Test1”、“Test2”等？你确定你的按钮在任何一个执行时都被渲染了吗？
是的，Test1 和 Test2 在浏览器中显示。
好的，但是您是否强制在脚本运行之前呈现页面？看起来不像。默认情况下，该按钮似乎被禁用，那么您如何知道您的脚本是否禁用了该按钮？查看在执行脚本之前等待页面加载的各种方法（jQuery 和其他方法）。

标签： javascript jquery

【解决方案1】：

见this answer。您需要使用element.removeAttribute("disabled"); 或element.disabled = false;

你不说disabled=true，你只是说disabled。查看here 以获取有关disabled 属性的文档。

您可以说disabled="foobar"，它仍然会禁用该按钮。为了证明这一点，请使用this。

【讨论】：

在同一页面上我使用 document.getElementById('attractionsSection').disabled = 'true';对于其他按钮，它可以正常工作，并且此按钮具有相同的结构。
好的，相关的尝试在这里w3schools.com/jsref/…我无法在这里重现您的问题。如果你console.log(document.getElementById('attractionsSection'));之前设置disabled=true会发生什么？
问题出在其他地方，我已经在 false 上覆盖了禁用此按钮的属性；t 为什么它不起作用。感谢您的建议。