在jQuery中将文本框设置为只读，背景颜色设置为灰色

小编典典

在jQuery中将文本框设置为只读，背景颜色设置为灰色

jsp

美好的一天，

我想提出一个文本框，在我jsp变得readonly和它的背景色为灰色像disablejQuery中。以下是我的代码：

if(a)
  $('#billAccountNumber').attr('readonly', 'true');

我不喜欢使用attr('disable', 'true');，因为在提交表单时该值将为null。有什么想法可以代替编写第二行代码来更改样式吗？

阅读 1198

2020-06-08

共1个答案

小编典典

有2个解决方案：

in your css you can add this:
     .input-disabled{background-color:#EBEBE4;border:1px solid #ABADB3;padding:2px 1px;}

in your js do something like this:
     $('#test').attr('readonly', true);
     $('#test').addClass('input-disabled');

希望能有所帮助。

另一种方法是使用一些评论中提到的隐藏输入字段。但是请记住，在后端代码中，您需要确保在正确的情况下验证此新隐藏的输入。因此，我不推荐这种方式，因为如果处理不当，它将创建更多错误。

2020-06-08