联系表格 7 在选中的单选按钮上添加文本框

Question

我的表单中有两个单选按钮（单选按钮 1、单选按钮 2）

当我点击 Radio 2 时，会在表单中创建一个文本框。

我已经使用了联系表 7

谢谢，

Answer 1

是的，您可以在使用 Conditional Fields for Contact Form 7 插件选中的单选按钮上显示表单中的文本框。

请关注thislink。它提供了使用条件逻辑在 select 另一个字段上隐藏或显示特定字段的设置。

它应该能满足您的需要。

谢谢。

Answer 2

您好，请将此 html 放入发送按钮上方的联系表中

 <INPUT TYPE=RADIO NAME="X" VALUE="H" onclick="hide();"/>radio1  
        <INPUT TYPE=RADIO NAME="X" VALUE="L" onclick="show();"/>radio2
        <TEXTAREA id="area" style="display: none;" NAME="data" ROWS=10 COLS=50></TEXTAREA>

然后将脚本放入主题页眉或页脚

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>     
<script type="text/javascript">
            function show() { document.getElementById('area').style.display = 'block'; }
            function hide() { document.getElementById('area').style.display = 'none'; }
          </script>

        function show() { document.getElementById('area').style.display = 'block'; }
        function hide() { document.getElementById('area').style.display = 'none'; }

 <form name="radios">
        <INPUT TYPE=RADIO NAME="X" VALUE="H" onclick="hide();"/>Radio 1
        <INPUT TYPE=RADIO NAME="X" VALUE="L" onclick="show();"/>Radio 2  
        <TEXTAREA id="area" style="display: none;" NAME="data" ROWS=10 COLS=50></TEXTAREA>   
      </form>

联系表格 7 在选中的单选按钮上添加文本框

Contact form 7 add textbox on radiobutton checked

wordpress

button

radio

contact-form-7