井井客

搜索

利用jQuery给表单元素添加删除disabled和readonly属性

如标题如述,利用JQ为表单元素添加禁用与只读的属性主要用到的是Jq中的attr与removeAttr方法,不过还是先来看看表单元素中的这两个属性具体意思吧。

利用jQuery给表单元素添加删除disabled和readonly属性

因为disabled和readonly属性都具体让表单元素无法编辑的特性,所以两者比较容易混淆。

1、disabled

html语法:disabled=”disabled”

使用了disabled的元素,在表单提交时,该元素的value并不会被提交

2、readonly

html语法:readonly=”readonly”

使用readonly的元素,在表单提交时,该元素的value会被提交

两者最大的区别应该就是在表单提交时,value值是否会被传递。

3、JQ具体操作

(1)添加属性

    $(选择器).attr("readonly":"readonly"); 
    $(选择器).attr("disabled":"disabled"); 

(2)删除属性

    $(选择器).removeAttr("readonly"); 
    $(选择器).removeAttr("disabled"); 

上面所说的disabled与readonly内容是可以在页面正常显示的,只是在表单提交值时有区别。需要注意的是input元素,拥有type='hidden'类型,它可以在页面中隐藏该元素,但是值会正常提交。

文章TAG:JQ

作者:井井客整理来源:互联网
本文标题:利用jQuery给表单元素添加删除disabled和readonly属性
本文链接:/c/27133.html

上一篇:预设css3动画库推荐Animate.css
下一篇:如何去估值计算background百分比

文章分类

相关阅读

随便看看