Javascript 使一个输入标签需要依赖于另一个输入标签

我有一个表单，它以类似表格的格式显示列表项，第一列是复选框，最后一列是可以输入估算值的数字字段。我正在寻找一种方法，使复选框（第一个输入标记）成为必需的，当且仅当已输入金额时，以便在未输入金额但未选中相应复选框的情况下，有人无法提交表单。尽管几天来我一直在思考解决办法，但似乎还是找不到办法。下面是我到目前为止所拥有的

<div class="row">
    <div class="col-xs-12">
      <form role="form" action="../../openitems" method="POST">
        <h3 class="text-center">Select line-items and enter estimate</h3>
        <div class="well" style="max-height: 300px;overflow: auto;">
      <ul class="list-group fancy-list-items">    <!-- <ul class="list-group checked-list-box"> -->   
        <table style="width:100%">
        <% FOREACH ID IN Chlngs.keys.sort %>
        <tr class="list-group-item">
        <td width="5"> <input type="checkbox" name="<% Chlngs.$ID.NAME %>"></td>
        <td width="90"><% Chlngs.$ID.PSNAME %></td> 
        <td width="80"><% Chlngs.$ID.ANAME %></td>
        <td width="48"><% Chlngs.$ID.SSN %></td> 
        <td width="45"><% Chlngs.$ID.YEAR %></td>
        <td width="250"><% Chlngs.$ID.CHNAME %></td>
        <td width="520"><% Chlngs.$ID.DESCRIP %></td>
        <td><input type="number" name="<% Chlngs.$ID.ID %>" placeholder="Dollar Amount" min="1" max="1000"></td>
          </tr>
          <% END %>
        </table>
          </ul>
    </div>
    <div class="row">
         <div class="col-xs-9 col-md-8 col-xs-offset-2 col-md-offset-2"><input type="submit" value="Submit" class="btn btn-primary btn-block btn-lg"></div>
      </form>
      </div>
    </div>
   </div>
  </div>

选择行项目并输入估算