jquery怎么设置区域不可操作

PHP中文网 JavaScript

本文摘自PHP中文网，作者藏色散人，侵删。

jquery设置区域不可操作的方法：首先创建一个代码示例文件；然后通过对元素应用disabled和readonly属性的方法来设置页面元素不可编辑的效果。

本教程操作环境：windows7系统、jquery1.10.0版本，Dell G3电脑。

推荐：jquery视频教程

Jquery的api中提供了对元素应用disabled和readonly属性的方法，这两种属性方法可以使元素不可操作，下面我们就来看一下jQuery设置区域不可操作的方法。

jquery设置页面元素不可点击、不可编辑、只读：

1

2

3

4

5

6

7

$("input").attr('readonly', true);

$("textarea").attr('readonly', true);

$(':radio').attr('disabled', true);

$(':checkbox').attr('disabled', true);

$(':button').attr('disabled', true);

$('a').removeAttr('onclick');

$('select').attr('disabled', true);

示例：

1

$('form').find('input,textarea,select').not('.btn btn-primary,.back').attr('disabled','disabled');

上面这句代码的意思是将form表单里面除了样式为.btn btn-primary,.back的元素都置为只读。

如果页面还有a标签之类的，可以用上面列出的$('a').removeAttr('onclick');将a标签的点击事件移除掉。

attr() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值，则返回第一个匹配元素的值。

当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。

以上就是jquery怎么设置区域不可操作的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

ajax 调用错误如何处理

ie是否支持jQuery

如何判断jQuery class是否存在

jQuery属性过滤选择器有哪些？

如何用jQuery选择节点下的第几个子元素

jQuery怎样判断元素是否隐藏

jQuery怎么判断dom节点是否存在

jQuery框架和bootstrap框架区别

基于jQuery和html5的日历时钟插件 的图文详解

jQuery如何按name属性选择元素

更多相关阅读请进入《jQuery》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...