首页 >web前端 >js教程 >jquery怎么设置区域不可操作

jquery怎么设置区域不可操作

藏色散人
藏色散人原创
2020-12-25 09:30:241723浏览

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怎么设置区域不可操作的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn