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

Question

我有一个表单，在表格中显示列表项，格式为第一列为复选框，最后一列为可输入估算值的数字字段。我正在寻找一种方法来制作所需的复选框（第一个输入标签）当且仅当已输入金额时，如果未输入金额但是相应的复选框不是，则有人无法提交表格检查。尽管几天都在考虑解决方案，但我似乎找不到办法。我以下是我到目前为止的情况。

<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>