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



<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 linkhttps://jsfiddle.net/5y6na3wr/7/

09-25 18:02