如果 Gravity 表单结果不返回任何内容，则隐藏 div

Question

我有一个重力表，它被用作评估。 用户单击与他们相关的复选框，确认页面会显示他们符合资格的不同组（由于单击的复选框）。

如果一个组没有选中任何框，则它不会出现在提交页面上（结果被隐藏）。

如果 XYZ 组没有出现，我也试图隐藏一个 div。 例如，如果 result1 没有检查任何内容，我想隐藏 div id "myid"。

我一直在尝试如何使用 php 完成这项工作，但我仍在学习这门语言，感觉有点失落。 我在下面找到了 JS 代码，并认为它可以很好地表明我想要实现的目标。 我只是不知道如何确切地得到它。

 if($result111 = '') {
        document.getElementById("myid").style.display = 'none';
    }
    else
    {
        document.getElementById("myid").style.display = 'inline';
  }

Answer 1

我已经创建了您描述的任务的示例：

<html>

    <head>
        <title>Hide div</title>
    </head>

    <body>
        <input type="checkbox" id="choice1" name="choice1" value="1" onclick="choiceEvent()"> Choice 1 <br>
        <input type="checkbox" id="choice2" name="choice2" value="1" onclick="choiceEvent()"> Choice 2 <br>
        <input type="checkbox" id="choice3" name="choice3" value="1" onclick="choiceEvent()"> Choice 3 <br>

        <div id="results" style="display:none">
            One of the checkboxes is pressed.
        </div>

        <script>
            function choiceEvent(){

                var choice1 = document.getElementById('choice1');
                var choice2 = document.getElementById('choice2');
                var choice3 = document.getElementById('choice3');

                if(choice1.checked || choice2.checked || choice3.checked){
                    document.getElementById('results').style.display = 'block';
                } else {
                    document.getElementById('results').style.display = 'none';
                }
            }
        </script>
    </body>

</html>

我希望它有所帮助。

如果 Gravity 表单结果不返回任何内容，则隐藏 div

问题描述

1 个解决方案

解决方案1
0 2022-09-04 12:10:06

如果 Gravity 表单结果不返回任何内容，则隐藏 div

问题描述

1 个解决方案

解决方案1 0 2022-09-04 12:10:06

解决方案1
0 2022-09-04 12:10:06