Javascript 如果在PHP中没有从复选框中选择任何选项，如何在屏幕上显示警报？

我目前正在写一份表格。如果用户未从清单中选择任何选项，我希望显示警报。我看到过许多与这个问题相关的帖子，但没有一篇对我有多大帮助。我不知道用JavaScript编码。我的代码如下：

index.php

<form name='form1' method="post" action="checkbox_value.php" >
    <div class="dropdownstay">
        <select name="city" class="option3" id="dropdown">
            <option value="1" id="1" style="font-size:20px; font-family:Monotype Corsiva;">Lahore</option>
            <option value="2" id="2" style="font-size:20px; font-family:Monotype Corsiva;">Dubai </option>
            <option value="3" id="3" style="font-size:20px; font-family:Monotype Corsiva;">Newyork</option>
            <option value="4" id="4" style="font-size:20px; font-family:Monotype Corsiva;">Canberra</option>
            <option value="5" id="5" style="font-size:20px; font-family:Monotype Corsiva;">Kuala Lampur</option>
            <br>

        </select>

        <!--end for drop down -->
    </div>

    </div>
    </li>
    </ul>
    </div>
    <div class="reservation">
        <ul>
            <li class="span1_of_1">
                <h5>What you want in hotel?</h5>
                <br>

                <section title="preferences">

                        <input type="checkbox" value="is_pool" id="pool" name="check_list[]" checked />
                        <text style="font-size:20px; font-family: Times New Roman;"> Pool </text>
                        <br/>
                        <input type="checkbox" value="is_gym" id="gym" name="check_list[]" checked />
                        <text style="font-size:20px; font-family: Times New Roman;"> Gym </text>
                        <br/>
                        <input type="checkbox" value="is_beach" id="beach" name="check_list[]" />
                        <text style="font-size:20px; font-family: Times New Roman;"> Beach </text>
                        <br/>
                        <input type="checkbox" value="is_spa" id="spa" name="check_list[]" />
                        <text style="font-size:20px; font-family: Times New Roman;"> Spa </text>
                        <br/>
                        <input type="checkbox" value="is_wifi" id="wifi" name="check_list[]" checked />
                        <text style="font-size:20px; font-family: Times New Roman;"> Wifi </text>
                        <br/>
                        <input type="checkbox" value="is_familyoriented" id="family" name="check_list[]" />
                        <text style="font-size:20px; font-family: Times New Roman;"> Family Friendly</text>
                        <br/>
                        <input type="checkbox" value="is_economical" id="economical" name="check_list[]" />
                        <text style="font-size:20px; font-family: Times New Roman;"> Economical </text>
                        <br>
                        <br>
                        <br>
                        <br>

                </section>

                <input type="submit" name="submit" value="Submit" />

</form>

</li>

拉合尔
迪拜
纽约
堪培拉
吉隆坡






你想在旅馆里干什么？


水塘


健身房


海滩


水疗生活馆


无线网络


家庭友好型


经济的

试图通过使用select标记来实现javascript代码，但当我知道select标记用于下拉列表时，就删除了它们

---

问题是，如果用户没有从检查表中选择任何选项并重定向到checkbox_value.php页面，它不会显示警报。我不知道如何实现复选框场景的验证。我只想在列表中选中任何选项后将其重定向到该页面。为完成这项任务提供的任何帮助都将是非常值得赞赏的

您的最佳选择是使用一个单独的值（可能为0，可能为“null”）创建一个选项，并且无论何时选择该选项，都会显示警告

函数validInput（）{
if（document.querySelector（“select[name=city]”）。值==0）{
警报（“您尚未选择任何城市！”）；
}
}

选择一个城市。。。。
拉合尔
迪拜
纽约
堪培拉
吉隆坡

该代码段似乎不起作用，我正在尝试从现在开始修复…我想检查是否已选择首选项清单中的选项。。请指导我如何使用首选项清单，因为我试图实现您为首选项列表编写的代码，但它没有在屏幕上显示警报。为什么您要打开表单两次？您希望表单验证只针对第一个选择项，还是针对所有选择项？为什么选择包含内联CSS？很抱歉，这一定是编辑错误。我在我的代码中没有打开过两次。忽略其中一个表单打开请花点时间看看HTML和CSS应该如何以及为什么分开。当你改变对字体（大小）的想法时，你会心存感激。