jQuery检查/取消选中事件

Question

我有一些工作良好的代码，当一个复选框被选中时，它将禁用三个字段并为这些字段设置值。

$(document).ready(function() { 
    $("#checkbox_1").change(function() { 
     $("#textbox_1").attr("disabled", $(this).attr("checked")); 
     $("#textbox_2").attr("disabled", $(this).attr("checked")); 
     $("#textbox_3").attr("disabled", $(this).attr("checked")); 
     $("#textbox_1").val(1); 
     $("#textbox_2").val("Classic"); 
     $("#textbox_3").val(1); 
    }); 
}); 

我的问题是，我该如何使它所以当没有选中该复选框我可以设置这三个字段的值回？

Answer 1

使用元素属性，而不是属性来设置元素的当前状态：

$(document).ready(function() { 
    $("#checkbox_1").change(function() { 
     $("#textbox_1").prop("disabled", $(this).prop("checked")); 
     $("#textbox_2").prop("disabled", $(this).prop("checked")); 
     $("#textbox_3").prop("disabled", $(this).prop("checked")); 
     $("#textbox_1").val(1); 
     $("#textbox_2").val("Classic"); 
     $("#textbox_3").val(1); 
    }); 
});