JS，如何根据条件设置按钮不可点击

来源：互联网 2023-03-17 00:47:36 100

在做页面开发时，我们有时需要根据一些条件，来设置按钮是否可点击的，如何通过js设置按钮不可点击？

方法/步骤

html里有一个输入框和一个按钮。

JS，如何根据条件设置按钮不可点击？

1此文章未经授权抓取自百度经验

我们为按钮添加一个点击事件。

JS，如何根据条件设置按钮不可点击？

在点击事件里，先通过id获得输入框的输入内容。

JS，如何根据条件设置按钮不可点击？

如果输入内容为0，则设置按钮为不可点击，通过attr方法来设置disabled属性为false就行了。

JS，如何根据条件设置按钮不可点击？

如果输入的内容不为0，则弹出输入内容。

JS，如何根据条件设置按钮不可点击？

逻辑基本ok，运行页面，我们输入一个内容然后点击按钮。

JS，如何根据条件设置按钮不可点击？

7能正确弹出了输入的内容了。

JS，如何根据条件设置按钮不可点击？

当我们输入0后，点击按钮后，按钮就会变为不可点击状态的，现在无论怎么点击都不会有反应的了。

JS，如何根据条件设置按钮不可点击？

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！