时间戳

首页 > 解决方案 > JQuery 文本字段计算器

jquery - JQuery 文本字段计算器

问题描述

每次在总文本字段中输入数字时，我都尝试使用 JQuery 更新存款字段。我想也许我需要解析数据？任何帮助，将不胜感激

Contact-Form-7

<label> Name </label>
    [text your-name] 

<label> Total </label>
    [number total min:1 class:total-amt] 

<label> Deposit </label>
    [number deposit id:deposit-amt] 

[submit "Send"]

jQuery

<script>
jQuery(document).ready(function($) {
    var $total_field = $('.total-amt'),
        $total_deposit = $('#deposit-amt');
$total_field.on('input', function(e) {
        $total_deposit.val(($total_field * 0.4));
    })
});
</script>

标签： jquerywordpressformscontact-form-7

解决方案

您正在尝试将您的文本字段 ( $total_field) 乘以0.4. 您要做的是获取它的值( $total_field.val()) 并将其乘以0.4.

意思是，这一行：

$total_deposit.val(($total_field * 0.4));

必须更改为：

$total_deposit.val($total_field.val() * 0.4);

推荐阅读