Javascript 带自动填写字段的联系表单7条件字段
如何在联系人表格7中显示条件计算 例如: 我有一个带有两个字段的表单,例如学生编号和付款金额 一次学费为10美元。 因此,如果用户在第一个字段中输入学生人数,则需要在支付字段中自动显示学生费用 也就是说,如果student count为2,则第二个字段希望将金额显示为$20 它可能在接触表单7插件?Javascript 带自动填写字段的联系表单7条件字段,javascript,php,wordpress,contact-form-7,Javascript,Php,Wordpress,Contact Form 7,如何在联系人表格7中显示条件计算 例如: 我有一个带有两个字段的表单,例如学生编号和付款金额 一次学费为10美元。 因此,如果用户在第一个字段中输入学生人数,则需要在支付字段中自动显示学生费用 也就是说,如果student count为2,则第二个字段希望将金额显示为$20 它可能在接触表单7插件? 谢谢您可以使用jquery来实现这一点。例如,像这样的cf7短代码 [text* qty id:qty ] [text* price id:price readonly] (Readonly fo
谢谢您可以使用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文件中)
您好,感谢您分享您的想法。但它不适用于联系方式7。。我已经创建了一个模板页面,添加了JSCDN,然后添加了html、js代码片段,工作正常。但是,如果我添加了联系人表单7的短代码,则不会响应。请检查您的联系人表单7 id。我已经在我的一个网站上使用了此功能(如数量和单价计算),并且工作正常。请参阅随附的屏幕截图。
$(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);
});
});