jquery点击一个按钮时,如何让其他按钮不可用

2024-10-14 09:31:52

1、新建一个html文件,命名为test.html,用于讲解jquery点击一个按钮时,如何让其他按钮不可用。

jquery点击一个按钮时,如何让其他按钮不可用

2、在test.html文件内,在p标签内,使用button标签创建多个按钮。

jquery点击一个按钮时,如何让其他按钮不可用

3、在test.html文件内,分别设置button标签的class属性为bbtt,用于下面获得button对象。

jquery点击一个按钮时,如何让其他按钮不可用

4、在js标签内,使用ready()方法在页面加载完成时,执行function方法。

jquery点击一个按钮时,如何让其他按钮不可用

5、在function方法内,通过class获得button对象,给它们绑定click点击事件,当按钮被点击时,获得按钮对象,使用not()方法除去当前点击按钮,通过attr()方法将disabled属性设置为true,实现其他按钮不可用。

jquery点击一个按钮时,如何让其他按钮不可用

6、在浏览器打开test.html文件,点击任一按钮,查看实现的效果。

jquery点击一个按钮时,如何让其他按钮不可用
猜你喜欢