javascript - 根据下拉列表禁用复选框

Question

我正在开发一个带有 DropDownLists 和 CheckBoxes 等的 asp.net mvc3 应用程序。

如果选择了下拉列表的定义选项，我编写了一个 JavaScript 来禁用复选框:

$(function() {
    $('#dropdownlistId').change(function() {
        if (this.value == '1st option') {
          $('#checkboxId').attr('disabled', disabled);
        } else {
          $('#checkboxId').removeAttr('disabled', disabled);
        }
    });
});

这工作正常，但脚本仅对下拉列表的更改使用react

因此，如果“第一个选项”位于下拉列表的顶部并自动选择为默认值，则脚本不会禁用该复选框。仅当用户选择另一个选项并再次选择“第一个选项”时...

请帮助我:)

PS:如果我使用键盘而不是鼠标来切换下拉列表选项，该脚本也不起作用

如果你能帮助我改进脚本，那就太好了，因为我真的不会写 javascript :/

Answer 1

$(function() {
    var $cb = $('#checkboxId');
    $('#dropdownlistId').change(function() {
        if (this.value == '1st option') {
          $cb.prop('disabled', true);
        } else {
          $cb.prop('disabled', false);
        }
    }).trigger('change');
});

添加halnderl后触发change事件的区别。关于你的第二个问题 - 使用键盘，当选择失去焦点(“模糊”)时，将触发“更改”事件。