jquery如何禁用一个文本框

当文本框的disabled属性值为disabled时,文本框便可以禁用 。 在jquery中,可以使用attr()方法来设置disabled属性来实现禁用文本框 。 下面小编举例讲解jquery如何禁用一个文本框 。

jquery如何禁用一个文本框

文章插图

需要这些哦
html+jquery
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何禁用一个文本框 。
jquery如何禁用一个文本框

文章插图

2在test.html文件内,利用input标签建立一个文本框用于测试 。
jquery如何禁用一个文本框

文章插图

3在test.html文件内,设置input标签的id为shuru,本家儿要用于下面经由过程该id获得input对象 。
jquery如何禁用一个文本框

文章插图

4在test.html文件内,利用button标签建立一个按钮,按钮名称为“禁用文本框” 。
jquery如何禁用一个文本框

文章插图

5在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行nouse函数 。
jquery如何禁用一个文本框

文章插图

6在js标签中,建立nouse()函数,在函数内,经由过程id(shuru)获得input对象,利用attr()方式将input对象的disabled属性设置为disabled,从而实现禁用文本框 。
jquery如何禁用一个文本框

文章插图

7在浏览器打开test.html文件,点击按钮,查看实现的结果 。
jquery如何禁用一个文本框

文章插图

jquery如何禁用一个文本框

文章插图

总结:1【jquery如何禁用一个文本框】1、建立一个test.html文件 。
2、在文件内,利用input标签建立一个文本框,设置input标签的id为shuru,同时建立一个button按钮,用于触发执行js函数 。
3、在js标签内,建立函数,在函数内,经由过程id(shuru)获得input对象,利用attr()方式将input对象的disabled属性设置为disabled,从而实现禁用文本框 。

注重事项利用attr()方式设置disabled属性时必需带引号 。

以上内容就是jquery如何禁用一个文本框的内容啦,希望对你有所帮助哦!

    推荐阅读