博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表单中的readonly与disable的区别(zhuan)
阅读量:5359 次
发布时间:2019-06-15

本文共 1783 字,大约阅读时间需要 5 分钟。

jquery设置元素的readonly和disabled Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下:1.readonly   Js代码  收藏代码    $('input').attr("readonly","readonly")//将input元素设置为readonly         $('input').removeAttr("readonly");//去除input元素的readonly属性               if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性               对于为元素设置readonly属性和取消readonly属性的方法还有如下两种:         $('input').attr("readonly",true)//将input元素设置为readonly         $('input').attr("readonly",false)//去除input元素的readonly属性               $('input').attr("readonly","readonly")//将input元素设置为readonly         $('input').attr("readonly","")//去除input元素的readonly属性     2.disabled  Js代码  收藏代码    $('input').attr("disabled","disabled")//将input元素设置为disabled      $('input').removeAttr("disabled");//去除input元素的disabled属性            if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性            为元素设置disabled属性和取消disabled属性的方法还有如下两种:      $('input').attr("disabled",true)//将input元素设置为disabled      $('input').attr("disabled",false)//去除input元素的disabled属性            $('input').attr("disabled","disabled")//将input元素设置为disabled      $('input').attr("disabled","")//去除input元素的disabled属性    总结:Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。 共同点:都不能编辑和获取焦点。readonly:使用表单post或get传递时会被传递出去。 disable:使用表单post或get传递时不会被传递出去。但是readonly的显示效果是没有灰化的。 所有控件都有disabled 属性,但是不一定有readonly属性;点击被readonly掉的按钮照样可以触发事件,但是被disabled掉的按钮就无法使用了不管上面有没有事件。 小技巧: 可以给readonly设置一个css样式:style="background-color:#cccccc;" 这样readonly的显示效果就和disable一样了 如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效,最重要的一点是当提交表单时,这个表单输入项将不会被提交。  而readonly只是针对文本输入框这类可以输入文本的输入项,如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点,并且在提交表单的时候,该输入项会作为form的一项提交。

 

转载于:https://www.cnblogs.com/demoC/p/5311210.html

你可能感兴趣的文章
MySQL-EXPLAIN执行计划Extra解释
查看>>
Zookeeper概述
查看>>
Linux自己安装redis扩展
查看>>
luoguP3414 SAC#1 - 组合数
查看>>
图片点击轮播(三)-----2017-04-05
查看>>
直播技术细节3
查看>>
《分布式服务架构:原理、设计于实战》总结
查看>>
java中new一个对象和对象=null有什么区别
查看>>
字母和数字键的键码值(keyCode)
查看>>
IE8调用window.open导出EXCEL文件题目
查看>>
Spring mvc初学
查看>>
VTKMY 3.3 VS 2010 Configuration 配置
查看>>
01_1_准备ibatis环境
查看>>
windows中修改catalina.sh上传到linux执行报错This file is needed to run this program解决
查看>>
JavaScript中的BOM和DOM
查看>>
360浏览器兼容模式 不能$.post (不是a 连接 onclick的问题!!)
查看>>
spring注入Properties
查看>>
jmeter(五)创建web测试计划
查看>>
python基本数据类型
查看>>
1305: [CQOI2009]dance跳舞 - BZOJ
查看>>