javascript - 变灰并使用 jquery 使文本框只读

Question

您好，我想让一个文本框变成灰色，并且只在勾选复选框时变为只读状态。目前我能够将文本框设置为只读但不会变灰。我通常会使用 disabled 属性，但我仍需要发送文本框的值，因此不能在此处使用 disabled 属性，因为它返回空值。

jQuery(document).ready(function () {
   $("#redflag2").click(function () {
      $('#new_contracted_support_hours').attr("readonly", $(this).is(":checked"));
      $('#new_contracted_support_hours').addclass("greyba", $(this).is(":checked"));
  });
});

CSS

.greyba{
    background-color:rgba(178,178,178,1.00);

}

Answer 1

它应该是 addClass() 而不是 addclass() 因此没有添加类。

你应该使用 .prop()设置属性和 toggleClass(),

As of jQuery 1.6, the .prop() method provides a way to explicitly retrieve property values, while .attr() retrieves attributes.

jQuery(document).ready(function () {
    $("#redflag2").change(function () {   
        $('#new_contracted_support_hours')
            .prop("readonly", this.checked)
            .toggleClass("greyba", this.checked);
    });
});

好书 .prop() vs .attr()