当文本框的disabled属性值为disabled时,文本框便可以禁用 。 在jquery中,可以使用attr()方法来设置disabled属性来实现禁用文本框 。 下面小编举例讲解jquery如何禁用一个文本框 。
文章插图
需要这些哦
html+jquery
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何禁用一个文本框 。
文章插图
2在test.html文件内,利用input标签建立一个文本框用于测试 。
文章插图
3在test.html文件内,设置input标签的id为shuru,本家儿要用于下面经由过程该id获得input对象 。
文章插图
4在test.html文件内,利用button标签建立一个按钮,按钮名称为“禁用文本框” 。
文章插图
5在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行nouse函数 。
文章插图
6在js标签中,建立nouse()函数,在函数内,经由过程id(shuru)获得input对象,利用attr()方式将input对象的disabled属性设置为disabled,从而实现禁用文本框 。
文章插图
7在浏览器打开test.html文件,点击按钮,查看实现的结果 。
文章插图
文章插图
总结:1【jquery如何禁用一个文本框】1、建立一个test.html文件 。
2、在文件内,利用input标签建立一个文本框,设置input标签的id为shuru,同时建立一个button按钮,用于触发执行js函数 。
3、在js标签内,建立函数,在函数内,经由过程id(shuru)获得input对象,利用attr()方式将input对象的disabled属性设置为disabled,从而实现禁用文本框 。
注重事项利用attr()方式设置disabled属性时必需带引号 。
以上内容就是jquery如何禁用一个文本框的内容啦,希望对你有所帮助哦!
推荐阅读
- 如何用jquery实现鼠标点击加号文本框内数字加1
- 如何进行科学健身跑
- 过期未开封油怎么处理 过期未开封油如何处理
- 如何不运动同时合理减肥
- n95口罩如何辨别
- 如何鉴别春茶、夏茶和秋茶?
- 如何参加百度公益 小积分大公益 的活动
- 腾讯微视如何投诉举报视频
- vivo手机如何打开桌面挂件窗口
- qq密保手机怎么更换,如何更改密保手机