CF7 jquery 提交时的自定义文本

Question

我在 CF7 上有一个简单的单选按钮

[radio radio-698 id:domanda2 use_label_element default:1 "0.Nessuna Risposta" "risposta1" "risposta2"]
[submit "Invia"]

我想在按下提交按钮时通过 jquery 显示文本“Hello Word”，但此代码不起作用 - 你能帮我吗？

jQuery(document).ready(function($){
  $('.wpcf7-submit').click(function() {
    var val1 = $('#domanda2').val();
    if (val1 == '0.Nessuna Risposta' || val1 == 'risposta1' || val1 == 'risposta2') {
      $(field1).text("Hello world!");
      return false;
    }
  });
});

Answer 1

您的 jQuery 存在一些简单的问题。假设有一个带有选择器 #field1.

的项目，这应该对您有用

请注意，如果不指定 :checked 是单选框或复选框中的输入值，则无法获取该输入值。

jQuery( function ($) {
    $(document).on( 'click','.wpcf7-submit', function (e) {
        let val1 = $('#domanda2 input:checked').val();
        if (val1 === '0.Nessuna Risposta' || val1 === 'risposta1' || val1 === 'risposta2') {
            $('#field1').text("Hello world!");
        }
    });
});

CF7 jquery 提交时的自定义文本

CF7 jquery custom text on submit

jquery

wordpress

contact-form-7