重力形成计算jquery

时间:2016-11-06 08:07:37

标签: jquery wordpress gravity-forms-plugin

有没有办法将简单的jquery函数集成到重力形式?

我需要使用3个字段。

2个数字字段和1个总字段,总计将根据数字字段计算。

这是脚本,我设法让它工作,但没有ajax,总字段只是显示数字而不是$ price。

function calc_price()
    { 
        var sr = parseInt($("#d_start_rating").val());
        if(!sr){
            sr = 0;
            $("#d_start_rating").val(sr);
        } 
        var er = parseInt($("#d_end_rating").val());
        if(!er){
            er = 0;
            $("#d_end_rating").val(er);
        } 

        if(er > 6000){er = 6000}
        var points = 0;

ranges = {"2500":0.09,"3000":0.11,"3500":0.15,"4000":0.21,"4500":0.27,"5000":0.35,"5500":0.45,"6000":0.8};
        //var ranges = {2500: 0.08, 3000: 0.11, 3500: 0.14, 4000: 0.20, 4500: 0.24, 5000: 0.30, 5500: 0.35, 6000: 0.6};
        for(var key in ranges){
            if(sr >= er){break;}
            if(key > er){
                points += (er-sr)*ranges[key];
                sr = er;
                break;
            }
            if(sr < key){
                points += (key - sr) * ranges[key];
                sr = key;
            }
        }
        points = Math.ceil(points);
        $(".a_points").html(points);
    }

    $(document).ready(function() {
        $('#d_start_rating').change(function() {
            calc_price();
        });
        $('#d_end_rating').change(function() {
            calc_price();
        });

        calc_price();
    });

1 个答案:

答案 0 :(得分:0)

您正在寻找gform_post_render JS活动。您可以将自定义功能绑定到此事件,而不是文档就绪事件。

<script type="text/javascript">

$(document).bind('gform_post_render', function(){

    $('#d_start_rating').change(function() {
        calc_price();
    });

    $('#d_end_rating').change(function() {
        calc_price();
    });

    calc_price();

});

</script>