首页 前端知识 JQuery 只读(readOnly)和禁用(disabled)

JQuery 只读(readOnly)和禁用(disabled)

2024-05-05 22:05:18 前端知识 前端哥 38 495 我要收藏

前言:html中的只读(ReadOnly)和禁用(disabled)如何在JQuery中动态的添加只读和禁用属性,又如何在JQuery中动态去除只读(RedOnly)和禁用(disabled)呢?

JQuery只读和禁用属性

  • 只读属性添加(设置)
  • 只读属性去除
  • 禁用属性添加(设置)
  • 禁用属性去除
  • 总结

一、只读(readOnly)属性

1)只读属性添加(设置)

关键字是‘attr

$("#xxid").attr("readOnly","readOnly");

还有第二种方法,如果第一种不行,那就试试第二种

$("#xxid").attr("readOnly",true);

2)只读属性去除

关键字‘removeAttr

$("#xxid").removeAttr("readOnly");

还有第二种方法,如果第一种不行,那就试试第二种

$("#xxid").attr("readOnly",false);

还有第三种方法,如果第二种不行,那就试试第三种

$("#xxid").attr("readOnly","");

以上这三种方法都是可行的,建议用第一种

二、禁用(disabled)属性

1)禁用属性添加(设置)

关键字‘attr

$("#xxid").attr("disabled","disabled");

还有第二种方法,如果第一种不行,那就试试第二种

$("#xxid").attr("disabled",true);

2)禁用属性去除

关键字‘removeAttr

$("#xxid").removeAttr("disabled");

还有第二种方法,如果第一种不行,那就试试第二种

$("#xxid").attr("disabled",false);

还有第三种方法,如果第二种不行,那就试试第三种

$("#xxid").attr("disabled","");

以上这三种方法都是可行的,建议用第一种

总结:

只读和禁用属性,其实只要掌握一种,就会第二种,两种方法一样,就是属性变了一下!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7051.html
标签
评论
发布的文章

HTML5-新增表单元素

2024-05-10 08:05:59

Dayjs 的一些常用方法

2024-05-10 08:05:59

Howler.js HTML5声音引擎

2024-05-10 08:05:59

前端攻城狮HTML5自查手册

2024-05-10 08:05:51

JavaScript 基础入门

2024-05-10 08:05:41

HTML5新手入门指南

2024-05-08 10:05:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!