c# - 使用 javascript 启用/禁用用户控制

Question

我有一个用户控件，它应该根据下拉选择被禁用/启用。请在下面找到这段代码。

  if (name== 'A') {
        $("#uc_panel").prop("disabled", "disabled");
        $("#uc_btnAddCategory").prop("disabled", "disabled");
        $("#uc_ddlCategorySelection").prop("disabled", "disabled");}
  else
  {
    $("#uc_panel").prop("disabled", "");
    $("#uc_btnAddCategory").prop("disabled", "");
    $("#uc_ddlCategorySelection").prop("disabled", "");
  }

我第一次从下拉列表中选择“A”时，用户控件被禁用。第二次我选择“B”并单击 BtnAdd，用户控件被禁用但它应该被启用

Answer 1

如果您正在使用 prop 函数，当 props 为 'disabled'、'checked' 等时，使用 bool 值作为值。您可以检查documentation .您使用 prop 的方式与使用 attr 函数的旧版本 jquery 相同

if (name == 'A') {
    $("#uc_panel").prop("disabled", true);
    $("#uc_btnAddCategory").prop("disabled", true);
    $("#uc_ddlCategorySelection").prop("disabled", true);
} else {
    $("#uc_panel").prop("disabled", false);
    $("#uc_btnAddCategory").prop("disabled", false);
    $("#uc_ddlCategorySelection").prop("disabled", false);
}

所以你可以像这样缩短它:

var isA = name == 'A';
$("#uc_panel").prop("disabled", isA);
$("#uc_btnAddCategory").prop("disabled", isA);
$("#uc_ddlCategorySelection").prop("disabled", isA);

或:

$("#uc_panel, #uc_btnAddCategory, #uc_ddlCategorySelection").prop("disabled", name == 'A')