如何用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"); //移除样式