您的位置:首页 > 运维架构

表单属性问题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是大写的,不然就无效了)

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: