javascript - 复选框状态更改不起作用

Question

在下面的代码中，最初复选框未选中，文本框被禁用。当我单击复选框时，文本框已启用，但启用后，当我再次取消选中复选框时，需要禁用它。但是该部分不起作用(其他部分)代码

 $(function(){
    $("#txtres").attr("disabled", "disabled");
    $("#txtres2").attr("disabled", "disabled");

    $("#chknew").click(function () {
        if("#chknew").is(:checked)
        {
        $("#txtres").removeAttr("disabled");
        $("#txtres2").removeAttr("disabled");
        }
      else
      {
         $("#txtres").attr("disabled", "disabled");
         $("#txtres2").attr("disabled", "disabled");
        }
    });
    }

Answer 1

您可以使用“更改”处理程序来实现

$(function(){
   $("#txtres").attr("disabled", "disabled");
   $("#txtres2").attr("disabled", "disabled");

$('#chknew').change(function () {
   if ($(this).is(":checked")) {
       $("#txtres").removeAttr("disabled");
       $("#txtres2").removeAttr("disabled");
   } else {
       $("#txtres").attr("disabled", "disabled");
       $("#txtres2").attr("disabled", "disabled");
   }
  });
});