不能通过javascript功能禁用按钮

Question

我使用以下按钮。

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

在js脚本中，我检查了是否满足某些条件，然后将属性设置为button禁用。

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")'"/>

因此它不是禁用的。 如何解决，可能是什么问题？

Answer 1

看到这个答案 。 您需要使用element.removeAttribute("disabled"); 或element.disabled = false;

您不会说disabled=true ，而只是说disabled 。 在此处查看有关disabled属性的文档。

您可以说disabled="foobar" ，它仍然会禁用按钮。 为了证明，与玩这个 。