javascript - 表格的输入框值不应大于表格外的输入框

Question

您好，我开发了一种表格，其中表格的输入框值不应大于表格外的输入框。

<form>
 <div class="form-group">
                              <label class="label1 col-md-4">Total number of sanctioned seats
                               <span class="required"> * </span>
                              </label>
							  <div class="col-md-7">
                                <input type="text" class="form-control" id="sanctionedSeatsSummary">
                              </div>
						  </div>
						  
                                         						 <table  class="eduleveles table table-bordered table-hover">
								 
    <thead> 
        <th></th>
        <th>Faculty</th>
		<th>Enter sanctioned seats</th>
        
    </thead>
    <tbody>
        <tr>
            <td>
                <input type="checkbox" name="Check" class="cbxenable">
            </td>
            <td>
               
            </td>
			<td>
                <input type="text" class="form-control seats" name="seats">
            </td>
 
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="Check" class="cbxenable">
            </td>
            <td>
               
            </td>
			<td>
                <input type="text" class="form-control seats" name="seats">
            </td>
 
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="Check" class="cbxenable">
            </td>
            <td>
               
            </td>
			<td>
                <input type="text" class="form-control seats" name="seats">
            </td>
 
        </tr>
    </tbody>
</table>
</form>

在上面的 jsfiddle 中，所有 ENTER SANCTIONED SEATS 总和不会大于 onchange 中的“Enter total number of sanctioned seats”。

Answer 1

你需要使用我在 fiddle 中提到的 jquery keyup 事件。

请检查这个 fiddle

如果三个受制裁席位的总和大于总数，我在这里将文本框值设为空白。

如果你更改总文本框，我还清除了 3 个文本框

打开此链接:https://jsfiddle.net/5y6na3wr/7/