Question

我有一个非常简单的上传文件的表格。在表单中，有一个下拉菜单，您可以在其中为要上传的文件选择一个类别。我还有另一个复选框，默认情况下未选中。我如何才能使其如果选中下拉列表中的第三个，则会自动选中并禁用复选框？谢谢你的帮助。

Answer 1

检查选择所选索引是否为2（又称第3项）。然后根据上述内容更新您提到的相应复选框以进行检查/禁用。

$('select').change(function () {
  var check = this.selectedIndex === 2;

  $(':checkbox').prop({
    checked: check,
    disabled: check
  });
});

Answer 2

尝试这样的事情：

if ($('#selectboxid').val() === $('#selectboxid option:eq(2)').val()) {
    $('#checkboxid').prop('checked', 'checked').prop('disabled', 'disabled');
}
else {
    $('#checkboxid').removeAttr('checked disabled');
}

Here's a jsfiddle它的实际效果。

更新： 根据@ JohnStrickler的建议将attr方法更改为prop。

使用特定的<select>选项自动检查并禁用另一个表单域中的复选框</select>

2 个答案: