代码:
<div class="form-group">
<h4 style="color: #006400; margin-bottom: 15px;">费用明细 <input name="room_unit_price" id="room_unit_price" type="number" value="" style="width:65px;" onchange="cyberwin_rk_days_change();" readonly="readonly">元/月 </h4>
<table class="fee-table">
<tbody><tr>
<th style="width:60px;">项目</th>
<th style="width:60px;">金额</th>
<th style="width:60px;">项目</th>
<th style="width:50px;">金额</th>
</tr>
<tr>
<td>住宿费</td>
<td><span id="accommodation"> <input class="ant-input ant-input-lg" size="5" maxlength="5" name="room_price" id="room_price" type="number" value="" style="width:55px;" onkeyup="recalc_totalprice()" readonly="readonly"> </span></td>
<td>押金</td>
<td><span id="deposit"> <input name="deposit_price" id="deposit_price" type="" value="0" style="width:45px;" onkeyup="recalc_totalprice()" readonly="readonly"></span></td>
</tr>
<tr>
<td>水费</td>
<td><span id="water">
<input class="ant-input ant-input-lg cl_handle_data_prepayment_water" name="prepayment_water" id="prepayment_water" type="number" value="0" style="width:45px;" onkeyup="recalc_totalprice()" readonly="readonly">
</span></td>
<td>电费</td>
<td><span id="electricity"> <input class="ant-input ant-input-lg cl_handle_data_Prepayment_electric" size="20" name="Prepayment_electric" id="Prepayment_electric" type="number" value="0" onkeyup="recalc_totalprice()" style="width:45px;" readonly="readonly"></span></td>
</tr>
<tr class="total-row">
<td colspan="2">合计金额：</td>
<td colspan="2"><span class="total-amount">¥
<input name="total_price" id="total_price" type="text" value="0" style="width:100px; color:red !important;" readonly="readonly">
</span></td>
</tr>
</tbody></table>
</div>