input框只读属性,jquery将文本框设置为只读

　　本教程运行环境：windows7系统，jQuery 1 . 10 . 2版，Dell G3电脑。

　　input的只读属性--readonly

　　readonly属性指定输入字段是只读的。

　　不能修改只读字段。但是，用户仍然可以使用tab键切换到该字段，并选择或复制其文本。

　　readonly属性可以防止用户修改该值，直到满足某些条件(例如，选中了复选框)。然后，您需要使用JavaScript来消除readonly值，并将输入字段切换到可编辑状态。

　　jquery怎么给input添加readonly属性？

　　在jquery中，可以使用attr()方法将readonly属性添加到input元素中。

　　attr()方法设置或返回所选元素的属性值。

　　示例：

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8 /

　　脚本src= js/jquery-1 . 10 . 2 . min . js /script

　　脚本类型=文本/javascript

　　$(文档)。ready(function() {

　　$(button )。单击(函数(){

　　$(输入)。attr(readonly ， readonly )；

　　});

　　});

　　/脚本

　　style type=text/css 。简介{

　　字体大小：120%；

　　颜色：红色；

　　}

　　/风格

　　/头

　　身体

　　输入类型=text 值=hello/br /br /

　　向输入中添加只读属性/按钮。

　　/body

　　/html

　　相关教程推荐：jquery视频教程以上是jQuery如何给input添加只读属性的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。