如何用jquery动态改变 input 输入框的readonly属性及CSS样式

样例

<style type="text/css">.disable{background-color: #d2d2d2;}
</style><div class="layui-input-inline"><input type="number" id="demo" name="demo" class="layui-input disable" readonly ">
</div>

动态改变 readonly

$('input[name=demo]').attr("readonly","readonly") //将input元素设置为readonly
$('input[name=demo]').removeAttr("readonly");     //去除input元素的readonly属性

动态添加删除CSS样式

$("#demo").addClass("disable");    //追加样式
$("#demo").removeClass("disable"); //移除样式

如何用jquery动态改变 input 输入框的readonly属性及CSS样式相关推荐

jQuery动态增加/删除元素的readonly属性
使用attr方法设置或返回被选元素的属性值 $(selector).attr(attribute,value) attribute:属性的名称 value:属性的值 $("#input&qu ...
jquery动态改变div宽度和高度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
弹出框动态增加input输入框
欢迎关注微信公众号: 程序员小圈圈原文首发于: www.zhangruibin.com 本文出自于: RebornChang的博客转载请标明出处^_^ 弹出框动态增加input输入框最近项目上有 ...
jquery动态改变onclick属性导致失效的问题解决方法
onclick属性失效的问题,相信很多的朋友都有遇到过吧,jquery动态改变onclick属性就会导致此问题的发生,解决方法如下,希望对大家有所帮助代码如下: <li id="&q ...
使用js动态改变input的只读属性
使用js动态改变input的只读属性写一个网页需要动态改变input的只读属性,看了很多博客改了很多次代码但没报错也没实现功能.写个博客记录一下. 在input标签里设置只读属性, <inpu ...
JavaScript控制input输入框的required属性值
JavaScript控制input输入框的required属性值当我们在勾选上一个复选框之后,希望该选项的输入框成为必填项时,那么将会用到required这个属性在HTML中,required为属 ...
jQuery 从零开始学习 (三) 属性与css样式
一.摘要本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将 ...
jQuery是否可以获取与元素关联的所有CSS样式？
本文翻译自:Can jQuery get all CSS styles associated with an element? Is there a way in jQuery to get all ...
javascript中动态加载js、vbs脚本或者css样式表
目录:DynamicLoad类简介.属性.方法.事件.示例.下载. DynamicLoad类简介本文将为您介绍一个在javascript中可以动态加载js.vbs脚本和css样式表的DynamicL ...

如何用jquery动态改变 input 输入框的readonly属性及CSS样式

如何用jquery动态改变 input 输入框的readonly属性及CSS样式相关推荐

最新文章

热门文章