联系表格7在radiobutton上添加文本框

时间:2017-05-11 04:29:53

标签: wordpress button radio contact-form-7

我的表格中有两个单选按钮(Radio 1,Radio 2)

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

我使用过联系表格7

谢谢,

2 个答案:

答案 0 :(得分:1)

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

请关注this链接。它提供了使用条件逻辑隐藏或显示选择另一个字段的特定字段的设置。

它可以根据您的需要为您服务。

感谢。

答案 1 :(得分:0)

您可以将此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>