JQUERY 簡易判斷在input鍵入(keyup)文字時是否包含%的符號

jquery javascript

yhn2880 2021-01-20 12:00:13 ‧ 2038 瀏覽

我預設有四個欄位分別是

<input  type="text"  id="unit1" value="">
<input  type="text"  id="it1"  value="">
<input  type="text"  id="ip1"  value="">
<p  id="resultp1"></p>

單位(id=unit1) 數量(id=it1) 單價(id=ip1) 顯示總金額(id=resultp1)
想要做到判斷如果單位(unit)是輸入"%"這個符號的話總金額就是數量單價/100
而如果單位是"%"符號的話就是總金額就是數量單價

目前我只能抓得到數量跟單價的數值也可以在總金額顯示的地方正確顯示相乘結果如下列所示

但想請問如果我想加入上面所述的%判斷在下面的程式碼中需要如何寫呢謝謝

$(document).ready(function() {

   var totalInput1 = $('#resultp1');

   $('input').keyup(function() { 
    var total1 = 0;
    // 相乘input的值
    $('.count1').each(function () {
    var v1 = $("#it1").val()
    var v2 = $("#ip1").val()

    if (!isNaN(v2)) { // 如果v是有效数字
    total1 = v1*v2;
   }
	else {
		this.value = '';
		}
   });
	  $("#resultp1").html(total1);
   }); });

上面需求是要輸入三個值: 單位,數量,單價去做計算
另外想問如果我要計算的不只一列但只需要輸入數量跟單價
而裡面input(單位unit)裡面是已經預設好的有些是%有些不是%
要如何判斷其單位是%的話總金額是/100
反之總金額就是直接數量*金額呢謝謝

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

japhenchen

iT邦超人 1 級 ‧ 2021-01-20 12:12:35

最佳解答

..........回錯題意..重寫

回應 5
分享
檢舉

看更多先前的回應...收起先前的回應...

japhenchen iT邦超人 1 級 ‧ 2021-01-20 12:19:22 檢舉

輸入時判斷

    $(document)
        .on("keydown", "input[type='text']", function (e) {
            if (e.keyCode === 53) {
                if (e.shiftKey) {
                    // they pressed %
                } else {
                    // they pressed 5
                }
            }
        })

送出資料前判斷

<form onsubmit="checkvalue">
</form>

<script>
function checkvalue(){
    let value = $("form[name='formname'] input[name='whatkey']").val();
   if(value.isDigit()){
       // .... 數字
   }else{
       if(value.match(/\%/)!==null)
       {
           //有%
       }
   }
}
String.prototype.isDigit = function () {
    return /^\d*\.{0,1}\d*$/.test(this.valueOf());
}
</script>

yhn2880 iT邦新手 5 級 ‧ 2021-01-20 12:24:19 檢舉

感謝另外想請教如果我要計算的不只一列
有些列裡面input(單位unit)裡面是已經預設好的有些是%有些不是%
我如果只需要輸入數量跟單價要怎麼判斷其單位是%的話總金額是/100
反之總金額就是直接數量*金額呢謝謝

japhenchen iT邦超人 1 級 ‧ 2021-01-20 12:32:57 檢舉

不只一列的話就用class+for，所有會抓%的input都加class='forminput'，我隨便定的名字，你自己弄好看一點

let values =$(".forminput");
for(i=0;i<values.length;i++){
    if(values[i].match(/\%/)!==null){
        values[i].replace('%','')*=0.01;  // 100%=1
    }
});