如何添加单选按钮选项的值并显示消息联系表7

时间:2019-05-15 00:23:46

标签: php wordpress contact-form-7

我在CF7中有一个表格,我想为每个单选选项的“值”分配一个数值,然后计算(相加)每个选项的值并基于总计显示结果。

我已经有了表单结构,但是在计算“值”的值并显示结果时需要帮助。

这是一个简单的解释结构-

Question 1: Choice A, B, C (A=1, B=2, C=3)
Question 2: Choice A, B, C (A=1, B=2, C=3)
Question 3: Choice A, B, C (A=1, B=2, C=3)
Question 4: Choice A, B, C (A=1, B=2, C=3)
Question 5: Choice A, B, C (A=1, B=2, C=3)

现在已经设置了一个定义,表示:

1-7 = Not so good
7-14 = Good
14+ = Excellent

如果我选择说:

分别从问题1-5的B,C,B,A,B中计算出10分(2 + 3 + 2 + 1 + 2),并显示定义“好”。 / p>

谢谢您的帮助。

我发现this post与此相似,但不确定是否可以使用。

    var calc = function() {
    var no = $('#no').val();
    var g1 = $('input[name="g1"]:checked').val();
    var g2 = $('input[name="g2"]:checked').val();

    var simple = no * 10;
    $('#simple').val(simple.toFixed());

    var complex = (no * g1 * 30) + (no * g2 * 100);
    $('#complex').val(complex.toFixed());
}

    $('#no, input[name="g1"], input[name="g2"]').on('change', function() {
    calc();
    });

    <form id="form45" action="" class="">
    <ul>
    <li>
      <input type="radio" name="radio-q1" value="Water">
      <span>Water</span>
    </li>
    <li>
      <input type="radio" name="radio-q1" value="Sportsdrink">
      <span>Sportsdrink</span>
    </li>
    <li>
      <input type="radio" name="radio-q1" value="Milk">
      <span>Milk</span>
    </li>
    </ul>
    <div>
    <button type="submit" class="btn red"><i aria-hidden="true"></i> Calculate Risk</button>
    </div>
    <input type="hidden" name="source" value="">
    </form>

0 个答案:

没有答案