手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 00:23:07

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

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

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

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

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

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

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

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

5、如果输入的内容不为0,则弹出输入内容。

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

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

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

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

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

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

JS,如何根据条件设置按钮不可点击
© 手抄报圈