本教程操作环境: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怎么设置区域不可操作的详细内容,更多请关注Work网其它相关文章!