如何從禁用的輸入文本字段中獲取 id 值並計算差異並顯示在另一個文本字段中

Question

除了 onkeyup，onchange 我可以用什么來獲取禁用的 texfield 值。

在服務和稅收中輸入后

我想獲得 sub_total（借方金額）和 credit_total（貸方金額）的值，它們將得到差額（減去）並將在沒有 bir 貸方金額的情況下顯示在服務中

 jQuery($ => { init_input(); }); jQuery($ => { init_input2(); }); //Expenses Debit Total function init_input() { const $expenses_debit = $(".expenses_debit"); const $res_debit = $("#sub_debit"); $expenses_debit.on("input", () => { const total = $expenses_debit.get().reduce((acc, el) => (acc += parseFloat(el.value, 10) || 0), 0).toFixed(2); $res_debit.val(total); }); }; //Credit Total function init_input2() { const $expenses_credit = $(".expenses_credit"); const $res_credit = $("#sub_credit"); $expenses_credit.on("input", () => { const total0 = $expenses_credit.get().reduce((acc, el) => (acc += parseFloat(el.value, 10) || 0), 0).toFixed(2); $res_credit.val(total0); }); } //expendable furniture $(document).ready(function() { var max_fields = 10; //maximum input boxes allowed var wrapper = $(".input_fields_wrap27"); //Fields wrapper var add_button = $(".add_field_button27"); //Add button ID var x = 1; //initlal text box count $(add_button).click(function(e) { //on add input button click e.preventDefault(); if (x < max_fields) { //max input box allowed x++; //text box increment $(wrapper).append('<tr style="background:silver"><td><div class="row"><div class="col-lg-3"><a href="#" class="remove_field27"><button class="btn btn-sm btn-light">del</button></a></div></div></div></td><td>Servive</td><td><div class="input-group input-group-lg"><span class="input-group-text" style="font-size: 9pt">P</span><input type="text" style="font-size:12px" autocomplete="off" class="form-control form-control-sm expenses_debit operating_debit total1" placeholder="0.00" id="expendable_furniture_debit[]"></div></td><td><div class="input-group input-group-lg"><span class="input-group-text" style="font-size: 9pt">P</span><input type="text" style="font-size:12px" autocomplete="off" class="form-control form-control-sm " placeholder="0.00" disabled></div></td></tr>'); //add input box } init_input(); }); $(wrapper).on("click", ".remove_field27", function(e) { //user click on remove text e.preventDefault(); $(this).closest("tr").remove(); x--; }) }); //bir $(document).ready(function() { var max_fields = 10; //maximum input boxes allowed var wrapper = $(".input_fields_wrap28"); //Fields wrapper var add_button = $(".add_field_button28"); //Add button ID var x = 1; //initlal text box count $(add_button).click(function(e) { //on add input button click e.preventDefault(); if (x < max_fields) { //max input box allowed x++; //text box increment $(wrapper).append('<tr style="background:silver"><td><div class="row"><div class="col-lg-3"><a href="#" class="remove_field28"><button class="btn btn-sm btn-light">del</button></a></div></div></div></td><td>Tax</td><td><div class="input-group input-group-lg"><span class="input-group-text" style="font-size: 9pt">P</span><input type="text" style="font-size:12px" autocomplete="off" class="form-control form-control-sm" placeholder="0.00" disabled></div></td><td><div class="input-group input-group-lg"><span class="input-group-text" style="font-size: 9pt">P</span><input type="text" style="font-size:12px" autocomplete="off" class="form-control form-control-sm expenses_credit" placeholder="0.00" id="bir_credit[]"></div></td><td></td></tr>'); } init_input2(); }); $(wrapper).on("click", ".remove_field28", function(e) { //user click on remove text e.preventDefault(); $(this).closest("tr").remove(); x--; }) }); //code that will get the sub_total and credit_total const $res_credit = $("#new_operating_credit"); //const $res_credit2 = $("#sub_credit"); $('#sub_credit, #sub_debit').keyup(function() { var a = $('#sub_credit').val(); var b = $('#sub_debit').val(); alert const tot = parseFloat(b - a).toFixed(2); const tot2 = parseFloat(tot) + parseFloat(a); const tots = tot2.toFixed(2) $res_credit.val(tot); //$res_credit2.val(tots); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <body> <table class="table table-sm table-hover table-fixed" align="center" style="font-size: 9pt"> <thead style="font-size: 11pt"> <tr align="center"> <th width="15%">Check Series</th> <th>UACS Object Code</th> <th width="20%">Debit Amount</th> <th width="20%">Credit Amount</th> </tr> </thead> <tbody class="input_fields_wrap27"> <tr> <td> <div class="row"> <div class="col-lg-3"> <button class="btn btn-sm btn-light add_field_button27">add</button> </div> </div> </td> <td>Service</td> <td> <div class="input-group input-group-lg"> <span class="input-group-text" style="font-size: 9pt">P</span> <input type="text" style="font-size:12px" autocomplete="off" class="form-control form-control-sm expenses_debit operating_debit total1" placeholder="0.00" id="expendable_furniture_debit[]"> </div> </td> <td> <div class="input-group input-group-lg"> <span class="input-group-text" style="font-size: 9pt">P</span> <input type="text" style="font-size:12px" autocomplete="off" class="form-control form-control-sm " placeholder="0.00" disabled> </div> </td> </tr> </tbody> <tbody> <tbody class="input_fields_wrap28"> <tr> <td> <div class="row"> <div class="col-lg-3"> <button class="btn btn-sm btn-light add_field_button28">add</button> </div> </div> </td> <td>Tax</td> <td> <div class="input-group input-group-lg"> <span class="input-group-text" style="font-size: 9pt">P</span> <input type="text" style="font-size:12px" autocomplete="off" name="bir_debit" class="form-control form-control-sm" placeholder="0.00" disabled> </div> </td> <td> <div class="input-group input-group-lg"> <span class="input-group-text" style="font-size: 9pt">P</span> <input type="text" style="font-size:12px" autocomplete="off" name="new_bir_credit" class="form-control form-control-sm expenses_credit" placeholder="0.00" id="bir_credit" required=""> </div> </td> <td></td> </tr> </tbody> <tr> <td></td> <td>service with no bir</td> <td> <div class="input-group input-group-lg"> <span class="input-group-text" style="font-size: 9pt">P</span> <input type="text" style="font-size:12px" autocomplete="off" class="form-control form-control-sm" placeholder="0.00" id="new_operating_debit total1" disabled> </div> </td> <td> <div class="input-group input-group-lg"> <span class="input-group-text" style="font-size: 9pt">P</span> <input type="text" style="font-size:12px" autocomplete="off" class="form-control form-control-sm expenses_credit" placeholder="0.00" disabled id="new_operating_credit"> </div> </td> <td></td> </tr> <tr> <td colspan="2"> <h5 align="right"><b>SUB TOTAL</b></h5> </td> <td> <div class="input-group input-group-lg"> <span class="input-group-text" style="font-size: 16pt">P</span> <input type="text" style="font-size:12px" autocomplete="off" class="form-control form-control-sm" style="font-size: 16pt; font-weight: bold;" placeholder="0.00" disabled="" id="sub_debit"> </div> </td> <td> <div class="input-group input-group-lg"> <span class="input-group-text" style="font-size: 16pt">P</span> <input type="text" style="font-size:12px" autocomplete="off" class="form-control form-control-sm" style="font-size: 16pt; font-weight: bold;" placeholder="0.00" disabled="" id="sub_credit"> </div> </td> <td></td> </tr> </tbody> </table>

Answer 1

不要將其禁用，而是將其設置為只讀，這樣您就可以輕松獲取價值，而且禁用的值也無法通過提交請求