从 html 控件中删除 jquery datepicker

Question

我在文本框 txtDate 上有一个日期选择器。如果选中了特定的复选框 chkBox，我需要删除日期选择器。如果未选中该复选框，则重新应用日期选择器。

我尝试将文本框设置为只读，但日期选择器仍在工作。如何做到这一点。

编辑：在同一个复选框事件中，我还想将选择（下拉）控件设置为不可选择。没有人应该能够更改选择控件中的内容。

Answer 1

在复选框的 change 处理程序中，您可以在日期选择器上调用 enable 或 disable，例如：

$("#chkBox").change(function() {
  $("#txtDate").attr("readonly", this.checked)
               .datepicker(this.checked ? "disable" : "enable");
  //for your edit:
  $("#someSelect").attr("disabled", this.checked);
});

您可以在此处的演示中尝试一下。