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