jQuery修改后如何獲取輸入值

Question

我必須獲取 of.qty 輸入字段的值，但我有一個問題，另一個 jQuery function 在輸入后重寫輸入的值。

例如，如果我輸入 1，它會四舍五入為 3,3360 但乘以 1，所以我只能得到寫入的值，但我需要在 (3,3360) 之后更改的值，結果應該是 33.36 而不是 10.00：

 function myFunctionupdateqtyinput() { var x = document.getElementById("quantity_60269d6f09cd1"); var a = 3.336; var b = x.value; var d = b - (b % a) + a; var f = d.toPrecision(5); x.value = f; } if ($(".kpt-product-count").length) { function checkForCount() { var single_count = parseFloat($(".kpt-product-count").data('kptcount')); var qty = parseFloat($(".qty").val()); var total = (qty * single_count); total = total.toFixed(2); if (isNaN(total)) { total = single_count.toFixed(2); } $(".kpt-product-count-text").find('span').html(total); } $(".qty").on('input', checkForCount); }

 @import url("https://tonicuk.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css"); @import url("https://tonicuk.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css"); @import url("https://tonicuk.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css"); .quantity.qty { height: 34px; }.quantitym2.qty { width: 90; margin-right: 10; }.kpt-product-count { display: inline-flex; font-size: 15px; margin-top: 15px; }.kpt-product-count-label { font-weight: 600; padding-right: 10px; }.quantitym2 input::-webkit-inner-spin-button { display: none;important; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="quantity quantitym2"> <label class="screen-reader-text" for="quantity_60269d6f09cd1">Boost quantity</label> <input type="number" onchange="myFunctionupdateqtyinput()" id="quantity_60269d6f09cd1" class="input-text qty text" value="3.336" step="0.0001" min="0.0001" max="" name="quantity" title="title" size="4" placeholder="" inputmode=""> </div> <div class="kpt-product-count" data-kptcount="10"> <div class='kpt-product-count-label'>In total: </div> <div class='kpt-product-count-text'> <span>10</span> </div> </div>

Answer 1

您需要在 checkForCount function 中調用 function myFunctionupdateqtyinput()

function checkForCount() {
    myFunctionupdateqtyinput();

 function myFunctionupdateqtyinput() { var x = document.getElementById("quantity_60269d6f09cd1"); var a = 3.336; var b = x.value; var d = b - (b % a) + a; var f = d.toPrecision(5); x.value = f; } if ($(".kpt-product-count").length) { function checkForCount() { myFunctionupdateqtyinput(); var single_count = parseFloat($(".kpt-product-count").data('kptcount')); var qty = parseFloat($(".qty").val()); var total = (qty * single_count); total = total.toFixed(2); if (isNaN(total)) { total = single_count.toFixed(2); } $(".kpt-product-count-text").find('span').html(total); } $(".qty").on('input', checkForCount); }

 @import url("https://tonicuk.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css"); @import url("https://tonicuk.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css"); @import url("https://tonicuk.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css"); .quantity.qty { height: 34px; }.quantitym2.qty { width: 90; margin-right: 10; }.kpt-product-count { display: inline-flex; font-size: 15px; margin-top: 15px; }.kpt-product-count-label { font-weight: 600; padding-right: 10px; }.quantitym2 input::-webkit-inner-spin-button { display: none;important; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="quantity quantitym2"> <label class="screen-reader-text" for="quantity_60269d6f09cd1">Boost quantity</label> <input type="number" onchange="myFunctionupdateqtyinput()" id="quantity_60269d6f09cd1" class="input-text qty text" value="3.336" step="0.0001" min="0.0001" max="" name="quantity" title="title" size="4" placeholder="" inputmode=""> </div> <div class="kpt-product-count" data-kptcount="10"> <div class='kpt-product-count-label'>In total: </div> <div class='kpt-product-count-text'> <span>10</span> </div> </div>