js 动态控制 input 框 的只读属性 | 您所在的位置:网站首页 › jsp文本框不可编辑 › js 动态控制 input 框 的只读属性 |
需求: 当下拉框的值为06即Voucher时, 文本框才可输入, 其他情况均为置灰不可录入状态. 问题: 设置input框的只读属性写成了readonly="true" 尼玛,坑死我了.下面才对: readonly="readonly" Payment Mode -请选择- Cash Credit Debit Nets Cheque Voucher PresetCredit Voucher Number//初始化voucherNo文本框 $(document).ready(function () { var payNo = $("#payNo"); payNo.attr("readOnly","true"); payNo.css('background-color','#DEDEDE'); }); //voucherNo样式 function changeStyle(){ var paymentMode = $("#paymentMode").val(); // $("#payNo").css('background-color','#DEDEDE');//没毛病 var payNo = $("#payNo"); if(paymentMode!='06'){//没毛病 payNo.attr("readOnly","true"); payNo.css('background-color','#DEDEDE'); } else { payNo.attr("readOnly",false); payNo.css('background-color','#FFFFFF'); } }
以下内容为转载: input 框的只读属性: readonly 在页面中直接添加为只读时,可在input中直接添加 readonly="readonly",但是如果想通过点击按钮来改变的话,需要通过js(或jquery)来实现。 最近一次使用这个,终于发现了以前写这个js控制的时候为什么总是那么郁闷了,原来,js 在对于readonly、disabled等属性设置时,有一个小bug(至少我是这么认为):首先,document.getElementById("id").readonly = "true"; 设置input为只读,但是,当通过document.getElementById("id").readonly="false" 来去掉只读属性时,没有作用,此时,需要把 false 外面的引号给去掉js语句才能正常工作。 附: 1. jquery 通过id属性设置与取消只读属性
设置只读:$("#id").attr("readOnly","true"); 取消只读:$("#id").attr("readOnly",false);//注意false不带引号!!!
2. jquery 批量设置与取消只读属性 /* id为sa的div中,所有input框 */
设置只读:$("#sa input").attr("readOnly","true"); 取消只读:$("#sa input").attr("readOnly",false);
感谢:https://blog.csdn.net/katherine119/article/details/39154615 作者:习惯沉淀 如果文中有误或对本文有不同的见解,欢迎在评论区留言。 如果觉得文章对你有帮助,请点击文章右下角【推荐】一下。您的鼓励是博主的最大动力! 扫码关注一线码农的学习见闻与思考。 回复"大数据","微服务","架构师","面试总结",获取更多学习资源! |
CopyRight 2018-2019 实验室设备网 版权所有 |