表单属性问题readonly、disabled、checked,prop的使用
2015-10-12 10:06
197 查看
获取在匹配的元素集中的第一个元素的属性值。随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误。jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误我一般用在
$("input[type='checkbox']").prop("disabled",false); $("input[type='checkbox']").prop("checked",true);
$("input[type='checkbox']").prop("readonly",true);
这几个属性的控制因为他们只有出现后就是true了,用attr设置false是没用的要用prop来修改才可以
1、readonly属性
readonly属性规定输入字段为只读。只读字段是不能修改的。不过,用户仍然可以使用tab键切换到该字段,还可以选中或拷贝其文本。readonly属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框)。然后,需要使用JavaScript消除readonly值,将输入字段切换到可编辑状态。readonly属性可与<inputtype=”text”>或<inputtype=”password”>配合使用。2、disabled属性
disabled属性规定应该禁用input元素。被禁用的input元素既不可用,也不可点击。可以设置disabled属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过JavaScript来删除disabled值,将input元素的值切换为可用。注释:disabled属性无法与<inputtype=”hidden”>一起使用。(二)、在jquery和javascript中使用时需要注意的问题
1、在jquery中取input的readonly属性时,设置为readOnly,才能取到值$(“#input”).readOnly,就能取到值2、在javascript设置input的readonly属性时,同样应设置为readOnly,方有效。document.getElementByIdx_x('input').readOnly=true;(注意中间那个O是大写的,不然就无效了)相关文章推荐
- Linux系统中的curl命令使用教程
- Linux压缩和解压缩文件
- openstack镜像制作思路、指导及问题总结
- shell日常案例(一)
- 局域网机器访问不了主机虚拟机Linux的Web工程
- web 服务负载、基本优化架构
- Centos安装eclipse
- 升级10.11后使用CocoaPod出现-bash: pod: command not found 解决办法
- 自定义Operation
- 使用Photoshop辅助线制作ps切片教程
- linux find
- Linux下查看nginx apache mysql php的编译参数
- Openv inRange函数
- linux 查看磁盘空间大小
- 从零自学Hadoop(11):Hadoop命令上
- 在apache上安装gitweb实现浏览器访问git服务器
- 在centos上搭建git服务器
- operator运算符重载
- 架构师必读经典
- CSDN上的好文章《架构之路》