欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery怎么设置区域不可操作

程序员文章站 2022-03-15 18:32:38
...

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

jquery怎么设置区域不可操作

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

推荐:jquery视频教程

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

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

$("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);

示例:

$('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怎么设置区域不可操作的详细内容,更多请关注其它相关文章!

相关标签: jquery