javascript - 在jquery中将文本框设置为只读并将背景颜色设置为灰色

Question

美好的一天，

我想在我的jsp中将一个文本框设置为readonly并将其背景颜色设置为灰色，就像Jquery中的disable一样。以下是我的代码:

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

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

Answer 1

有两种解决方案:

访问此jsfiddle

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');

希望这有帮助。

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