星空网 > 软件开发 > Java

http://www.softwhy.com/forum.php?mod=viewthreadtid=9287

jQuery如何将表单元素设置为只读或者不可用:
在实际应用中有时候需要根据情况动态的将表单元素设置为只读或者不可用,这个问题当然非常的简单,本章节适合于初学者,对于有经验的朋友来说可以忽略不计,下面就通过代码实例简单介绍一下如何实现此功能。
代码实例如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>设置表单元素只读或者不可用-蚂蚁部落</title><style type="text/css">li{list-style:none}</style><script type="text/javascript" src='/images/loading.gif' data-original="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#top").attr("readonly","readonly"); $("#bottom").attr("disabled","disabled");})</script> </head> <body><ul> <li><input type="text" value="蚂蚁部落" id="top" /></li> <li><input type="text" value="蚂蚁部落" id="bottom" /></li></ul> </body> </html> 

以上代码可以将两个文本框分别设置为只读和不可用。不过实现此效果的方式并非只有这么一种,下面就做一下总结:
设置为只读或者不可用:
方式一:

$("#top").attr("readonly","readonly");$("#bottom").attr("disabled","disabled");

方式二:

$("#top").attr("readonly",true);$("#bottom").attr("disabled",true);

取消只读或者不可用:
方式一:

$("#top").attr("readonly",false);$("#bottom").attr("disabled",false);

方式二:

$("#top").attr("readonly",false);$("#bottom").attr("disabled",false);

判断是否被选中或者被设置为不可用:

$("#top").prop("readonly");$("#bottom").prop("disabled");

建议使用prop()函数,具体可以参阅prop()方法和attr()方法的区别一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9287

更多内容可以参阅:http://www.softwhy.com/jquery/




原标题:http://www.softwhy.com/forum.php?mod=viewthreadtid=9287

关键词:PHP

PHP
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

中国怎么快递到越南:https://www.goluckyvip.com/tag/105873.html
中国寄手机到越南用什么快递:https://www.goluckyvip.com/tag/105874.html
上海到越南快递费用:https://www.goluckyvip.com/tag/105875.html
寄往越南物流:https://www.goluckyvip.com/tag/105877.html
往越南物流公司:https://www.goluckyvip.com/tag/105878.html
中国发快递去越南:https://www.goluckyvip.com/tag/105879.html
23点聊电商:新质生产力加速数字贸易发展 卓尔智联集团实现营收利润双增长 :https://www.kjdsnews.com/a/1836411.html
南京浦口都有什么好玩的地方 南京浦口都有什么好玩的地方推荐:https://www.vstour.cn/a/363180.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流