首页 > 编程开发 > JavaScript    日期:2020-12-25 / 来自互联网 / 浏览

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() 方法设置或返回被选元素的属性和值。

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

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

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章