您好,我开发了一种表格,其中表格的输入框值不应大于表格之外的输入框。
<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中,onchange中所有ENTER SANCTIONED SEATS的总和将不会大于“ Enter the Sanctuated Seats”。
最佳答案
您需要使用小提琴中提到的jquery keyup事件。
请检查这个小提琴
如果三个批准的席位之和大于总数,则我在此处将文本框值设为空白。
如果您通过总文本框我也清除了3个文本框Open this link
:https://jsfiddle.net/5y6na3wr/7/