如何检查是否已在 元素中选择文件？

我有多个复选框和一个文件上传输入。如果选中一个或多个复选框并且输入值不为空，我想重新启用按钮。

这是一个链接bootply http://www.bootply.com/6YZf8l4QVa

这是我的html

<div class="upload-block">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <input type="file" id="InputFile">
    <button id="upload-btn" type="button blue-button" 
            class="btn blue-button" disabled>Submit</button>

</div>

这是我的 JavaScript 起点： 通过卡尔更新 绑定一个change所有输入上的事件，然后使用一些条件：

  $('.upload-block input').change(function() {
    $('#upload-btn').prop(
        'disabled',
        !($('.upload-block :checked').length && $('#InputFile').val()));
  });

Example http://www.bootply.com/oFPl81lzM6

这适用于所有复选框和#InputFile具有除无以外的值。即选择文件的位置。然而这在 IE9 中不起作用

我怎样才能更新它以在 IE9 中工作？

Bind a change所有输入上的事件，然后使用一些条件：

  $('.upload-block input').change(function() {
    $('#upload-btn').prop(
        'disabled',
        !($('.upload-block :checked').length && $('#InputFile').val()));
  });

Example http://www.bootply.com/oFPl81lzM6