在我的 jquery 腳本中進行乘法運算時遇到問題
在我的腳本中，這是我遇到的問題領域
<script>
$(document).ready(function(){
$(".parameter").on("input",function() {
var num = $('input[name="num"]').val();
var left = $('input[name="left"]').val();
var total = num * left %; // 2 x 50000 % = 1000
var finalr = left - total; // 50000 - 1000 = 49000
$(".result").text(finalr " final result"); // prints 49000
});
})
</script>
我想進行計算，結果自動轉到禁用的輸入框，正如我在 html 注釋中描述的那樣
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style>
#div1, #div2 {
position: relative;
display: block;
width: fit-content;
width: -moz-fit-content;
--val: '';
}
#div1::after {
content: var(--val) ' INX';
position: absolute;
left: 3px;
top: 1px;
bottom: 1px;
pointer-events: none;
line-height: 20px;
}
#left, #right {
font-family: inherit;
font-size: inherit;
}
#left {
color: transparent;
}
</style>
<body>
<p>
<input type="text" name="num" class="parameter" placeholder="amo"/> <! --- value set to 2 --->
</p>
<div id="div1">
<input type="text" id="left" name="left" class="parameter" maxlength="18" /></div> <! --- value set to 50000 --->
<div id="div2">
<input type="text" id="right" name="right" class="result" placeholder="INX" disabled /></div> <! --- 49000 results goes here --->
<script>
document.querySelector('#left').addEventListener('input', function() {
this.parentElement.style.setProperty('--val', "'" this.value "'");
document.querySelector('#right').value = this.value ? this.value ' INX' : '';
});
</script>
<script>
$(document).ready(function(){
$(".parameter").on("input",function() {
var num = $('input[name="num"]').val();
var left = $('input[name="left"]').val();
var total = num * left %; // 2 x 50000 % = 1000
var finalr = left - total; // 50000 - 1000 = 49000
$(".result").text(finalr " final result"); // prints 49000
});
})
</script>
</body>
</html>
uj5u.com熱心網友回復：
問題是您嘗試使用%百分比。%是余數運算子。
你能做的就是更換
var total = num * left %;
和
var total = num * left/100;
uj5u.com熱心網友回復：
嘗試使用
$(".result").val(finalr " final result");
我還沒有檢查，但我希望它有效。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/420903.html
標籤：