如何在联系表单 7 WordPress 中添加自定义 JavaScript 函数

Question

我在 WordPress 中使用联系表单 7 时遇到问题，需要大家的帮助。问题：我的单选框有两个选项是或否。如果有人选中“是”选项，则应显示第一个分区，如果他单击“否”，则应显示第二个分区。我写了一个代码，但我不知道它会如何出现在联系表 7 中。这是代码。

$(document).ready(function() {
//Hide the field initially
$("#div one").hide();
  $("#div two").hide();

$('[radio radio-928]').change(function() 
{
    if ($("[radio radio-928]").val() == "yes") 
    {
        $("#div one").show();
    }
    else {
        $("#div two").hide();
        }
        if ($("[radio radio-928]").val() == "no") {
        $("#div two").show();
    }
    else {
        $("#div one").hide();
        }
});
});

Answer 1

这可以在 Contact Form 7 编辑框中完成，如下所示：

<script type="text/javascript"> 
    function showdiv(element){ 
       document.getElementById("div-one").style.display = element=="yes"?"block":"none";                      
       document.getElementById("div-two").style.display = element=="no"?"block":"none"; 
    } 
</script>

<input type="radio" name="choice" value="yes" onclick="showdiv(this.value);"> Yes<br>
<input type="radio" name="choice" value="no" onclick="showdiv(this.value);"> No<br>

<div id="div-one" style="display:none;">Yes</div>
<div id="div-two" style="display:none;">No</div>