【问题标题】:HTML button redirects to page and select one checkbox in form?HTML按钮重定向到页面并选择表单中的一个复选框?
【发布时间】:2020-09-10 05:14:15
【问题描述】:

我正在为一家酒店创建一个网站,并且我正在尝试为您可以预订的每间房屋创建一个按钮,并且每间房屋都有一个用于打开预订页面的按钮。我的问题是,如何做到这一点,我的按钮将我重定向到页面并选中房屋复选框。例如,我点击 G-house 的 div 中的按钮,它选择了 G-house 的复选框。

html页面中按钮所在的部分:

                        <img src="pics/csecsilak_01.jpg" alt="">
                        <div class="nyaralok-text-content">
                            <h2>G épület</h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                            <button type=button">Book</button>
                        </div>

以及预订页面表单的部分:

                        <label class="main-label" for="nyaralo">Nyaraló:</label>
                        <div class="g-epulet-checkbox">
                            <span class="checkmark"></span>
                            <input class="checkbox-custom" type="checkbox" name="g-epulet" value="g-epulet">
                            <label>G épület</label>
                        </div>
                        <div class="e-epulet-checkbox">
                            <span class="checkmark"></span>
                            <input class="checkbox-custom" type="checkbox" id="e-epulet" name="e-epulet" value="e-epulet">
                            <label>E épület</label>
                        </div>
                        <div class="v-epulet-checkbox">
                            <span class="checkmark"></span>
                            <input class="checkbox-custom" type="checkbox" id="v-epulet" name="v-epulet" value="v-epulet">
                            <label>V épület</label>
                        </div>
                    </div>

如果有人可以帮助我,谢谢。

【问题讨论】:

    标签: html forms button


    【解决方案1】:

    迟早您将不得不使用 JavaScript 或服务器端编程。在这种情况下,最简单的解决方案可能是将 HTTP GET 参数附加到 URL(如 ?type=x&amp;param=y),这是由 HTML formmethod="GET" 自动完成的。然后使用 PHP 生成其他表单或通过 JavaScript 勾选该框。后者可能更可取。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-03-14
      • 2019-03-04
      • 1970-01-01
      • 2016-06-13
      • 2018-11-24
      • 1970-01-01
      • 2015-11-07
      相关资源
      最近更新 更多