您的代码似乎是正确的，它在代码片段演示中工作。它应该在输入字段不为空时禁用复选框，并在输入字段为空时启用它。
清除输入文本时启用部分不起作用的一个可能原因是，可能有另一个事件侦听器阻止启用复选框。您可以尝试添加控制台。日志语句调试代码并检查事件侦听器是否按预期工作。

$('#userId').on('change paste keyup', function () {
  console.log($(this).val()); // Debugging line
  if ($(this).val() !== '') {
    $("#vendorId").prop("disabled", true);
  } else {
    $("#vendorId").prop("disabled", false);
  }
});

您还可以尝试通过直接使用prop()方法而不使用if-else语句来简化代码。

$('#userId').on('change paste keyup', function () {
  if ($(this).val() !== '') {
    $("#vendorId").prop("disabled", true);
  } else {
    $("#vendorId").prop("disabled", false);
  }
});

<!-- Include jQuery library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Input field for user's name -->
<input type="text" class="form-control" id="userId" placeholder="User's name">

<!-- Checkbox for vendors -->
<div>
  <label>
    <input type="checkbox" class="checkbox" id="vendorId" value="vendor">
    Vendors
  </label>
</div>