javascript - 联系表 7 带自动填充字段的条件字段

Question

如何在联系表7中显示条件计算？

例如:我有一个包含两个字段的表单，例如学生号码和付款金额。

一名学生费用为 10 美元。

因此，如果用户在第一个字段中输入学生人数，需要将学生费用自动显示到付款字段中。

也就是说，如果学生人数为 2，则第二个字段希望将金额显示为 20 美元。

它可以在联系表单 7 插件中吗？谢谢

Answer 1

你可以用 jquery 来做到这一点。例如像这样的 cf7 短代码

[text* qty id:qty ]
[text* price id:price readonly]  (Readonly for not editable fields)
[text subtotal id:total class:total readonly]

jquery 代码:(包含在单独的 js 文件中)

$(document).ready(function(){
    var qty=$("#qty");
    qty.keyup(function(){
        var total=isNaN(parseInt(qty.val() $("#price").val())) ? 0 :
        $(qty.val() $("#price").val())
        $("#total").val(total);
    });
});

http://jsfiddle.net/ugPxf/

contact form 7 backend screenshot