用jquery获取百分比

时间:2017-09-03 17:07:19

标签: jquery

我有两个价格输入。正常的价格,而且更便宜。

我输入正常价格,如15900,我想加上该价格的10%折扣。

所以我输入10到#akcios_onkeyup输入。

使用此代码,我只获得NaN。我做错了什么?

<tr class="form-element form-element-text">
  <td class="label-col">Normal price: </td>
  <td>
    <input type="text" name="termek_normal_ar" id="termek_normal_ar" value="<?php echo isset($_POST["termek_normal_ar"])?$_POST["termek_normal_ar"]:""; ?>" />
  </td>
</tr>
<tr class="form-element form-element-text">
  <td class="label-col">Cheaper price: </td>
  <td>
    <input type="text" name="termek_akcios_ar" id="termek_akcios_ar" 
           value="<?php echo isset($_POST["termek_akcios_ar"])?$_POST["termek_akcios_ar"]:""; ?>" />
    <span style="margin:0 10px;">or</span>
    <input type="text"  id="akcios_onkeyup" > % discount
  </td>
</tr>
<script type="text/javascript">
  $(document).ready(function(e) {
    $('#akcios_onkeyup').on('keyup', function()
                            {    
      var szazalek = $('#akcios_onkeyup').val();
      var osszeg = ($('#termek_normal_ar') - ( $('#termek_normal_ar') * szazalek / 100 ));
      $('#termek_akcios_ar').val(osszeg);
    });
  });
</script>

1 个答案:

答案 0 :(得分:1)

用以下代码替换您的脚本。

<script type="text/javascript">
  $(document).ready(function(e) {
    $('#akcios_onkeyup').on('keyup', function()
                            {    
      var szazalek = +$('#akcios_onkeyup').val();
      var osszeg = (+$('#termek_normal_ar').val() - ( +$('#termek_normal_ar').val() * szazalek / 100 ));
      $('#termek_akcios_ar').val(Math.round(osszeg));
    });
  });
</script>