PHP 具有多个 checkboxes/Bootstrap 按钮的表单

Question

我正在尝试创建一个联系表单，用户应该在其中切换不同的复选框（在复选框组内），我已经使用 Bootstrap 按钮组（http://getbootstrap.com/components/#btn-groups) and Bootstrap Toggle (http://www.bootstraptoggle.com), 输入他们的电子邮件地址并提交。用户输入的结果应该发送到指定的收件人邮箱，正文如下

电子邮件地址
已选中 checkboxes/toggled 个按钮的值

需要在每个组中选择至少一个复选框，如果选择，用户应该能够选中所有复选框。

我对 HTML/Bootstrap 相当满意，但对 PHP 完全不满意 - 我几乎无法破译 PHP 代码，我已经盯着 100 多个问题和教程看PHP 表格，只会变得更加混乱，这就是为什么我没有要显示的 PHP 代码（email.php 我只是一个空文档，等待填写正确的 PHP 代码).

我不知道从哪里开始，对如何使用 PHP 管理多个 checkboxes/buttons 的想法绝对为零。

仅供参考：不要介意某些 HTML 是丹麦语。

这是我的 HTML:

 <form action="assets/helpers/email.php" method="post">             
   
   iPhone model<br><br>
                         <div class="btn-group" data-toggle="buttons" >
    <button type="button" class="btn btn-primary"> <input type="checkbox" value="5" name"5" id="5">iPhone 5/5S</button>
    <button type="button" class="btn btn-primary"> <input type="checkbox" value="6" name"6" id="6">iPhone 6</button>
    <button type="button" class="btn btn-primary"> <input type="checkbox" value="6p" name"6p" id="6p">iPhone 6 Plus</button>


    </div>
    <br>    <br>
    <br>

  
   Bumper model<br><br>
    <div class="btn-group" data-toggle="buttons" >
    <button type="button" class="btn btn-primary"><input type="checkbox" value="FK" name"FK">Firkantet</button>
    <button type="button" class="btn btn-primary"><input type="checkbox" value="RU" name"RU">Rund</button>

    </div>
    <br>
    <br>
        <br>

   Lås<br><br>
    <div class="btn-group" data-toggle="buttons">
    <button type="button" class="btn btn-primary"><input type="checkbox" value="US" name"FL">Flet</button>
    <button type="button" class="btn btn-primary"><input type="checkbox" value="MS" name"SK">Skruer</button>
    </div>
    
    
 
<br>   <br> <br>


   Farve<br><br>
<div class="btn-group" data-toggle="buttons">
    <button type="button" class="btn btn-primary"><input type="checkbox" value="BA" name"BA">Sort</button>
    <button type="button" class="btn btn-primary"><input type="checkbox" value="SI" name"SI">Sølv</button>    
    <button type="button" class="btn btn-primary"><input type="checkbox" value="GR" name"GR">Grå</button>
 <button type="button" class="btn btn-primary"><input type="checkbox" value="CH" name"CH">Champagne</button>

    </div>
    <br>    <br>

              
<br/>
<input type='text' name='email' placeholder="Din email" />
</p>
<input type='submit' name='submit' value='Skriv mig op' />
</form>

Answer 1

Inside email.php 我会首先将表单 post 结果转储到屏幕上，以便您可以看到 post 关联数组的结构以及数据是如何标记的。 post 变量在 $_POST.

中

我喜欢这样做：

echo '<pre>';
print_r($_POST);
echo '</pre>';

当然这只是一个起点，但希望它能让您朝着正确的方向前进。

Answer 2

您的 name 属性以 html 形式与 values 一起发送到您的 mail.php 脚本。要在脚本中获取特定值，您需要像这样调用它：$_POST['*nameofinput*']。如果未选中该复选框，则不会发送该值。

您可以像这样PHP测试复选框是否被选中

  if ((isset($_POST['checkboxname']))&&($_POST['checkboxname']!=''))
{
//do something if it was checked
//assign it to something for example
 $mycheckedbox = $_POST['checkboxname'];
}

我推荐使用 PHPMailer (http://phpmailer.worxware.com/) 来邮寄东西。欢迎提出更具体的问题。

Answer 3

自从我上次在这个线程中 activity 以来，我已经设法让它全部与这个代码一起工作：

form action="assets/helpers/mysql.php" method="post">
                
                     
                      

<div class="row">
     <div class="col-md-6 col-s-12"><h2>Headline 2<strong>Bumper</strong>.</h2>
        <p> Lorem ipsum dolor sit amet, elit id fermentum tempor condimentum et, eros metus sed massa. Taciti interdum, suscipit laoreet felis ac vivamus enim. Sagittis vitae, ut turpis enim quis congue, erat orci pulvinar pellentesque morbi phasellus. Erat mi non fringilla non unde vulputate. Montes nulla, dolor quis suspendisse libero arcu donec metus, arcu scelerisque sed wisi et pellentesque, ipsum auctor praesent nulla, mi pellentesque in. Integer ipsum nunc posuere aliquam sit maecenas, proin pellentesque velit wisi orci, phasellus suspendisse. Est purus lorem malesuada vivamus, tempus lectus, augue mattis adipiscing nullam. Penatibus sapien sit ut a mollis, amet imperdiet sed fermentum ipsum, laoreet sem lectus, et fringilla est. In tortor felis leo tristique nec, convallis condimentum integer ut eget, placerat mi sem. Vestibulum platea porttitor. Non posuere a, posuere lectus et id et, commodo semper volutpat. Amet diam, eget enim feugiat rutrum accumsan, molestie suspendisse.
</p>
<br><br>
        </div>
   
<div class="col-md-6 col-s-12">
        
        <h2>Hvilken <strong>Bumper</strong><br>kunne du tænke dig?</h2>
        


<h3>iPhone model</h3>

           
           <div class="btn-group" data-toggle="buttons" >
<button type="button" class="btn btn-primary"> 
<input type="checkbox" name='iPhone[]' value="iPhone 5" id="iPhone 5">iPhone 5/5S</button>

<button type="button" class="btn btn-primary"> 
<input type="checkbox" name='iPhone[]' value="iPhone 6" id="iPhone 6">iPhone 6</button>

<button type="button" class="btn btn-primary"> 
<input type="checkbox" name='iPhone[]' value="iPhone 6 Plus" id="iPhone 6 Plus">iPhone 6 Plus</button>
    </div>
<br>    
<br>

        

<h3>Bumper model</h3
    ><p></p>

            <div class="btn-group" data-toggle="buttons" >
    <button type="button" class="btn btn-primary">
    <input type="checkbox" name='Bumper[]' value="Firkantet" id="Firkantet">Firkantet</button>
    
    <button type="button" class="btn btn-primary">
    <input type="checkbox" name='Bumper[]' value="Rund" id="Rund">Rund</button>
            </div>
    
    
<br>
<br>
<h3>Lås</h3>
    <p></p>
    
            <div class="btn-group" data-toggle="buttons">
    <button type="button" class="btn btn-primary">
    <input type="checkbox" name='Laas[]' value="Flet"  id="Flet">Flet</button>
    
    <button type="button" class="btn btn-primary">
    <input type="checkbox" name='Laas[]' value="Skruer" id="Skruer">Skruer</button>
            </div> 
  
<br>
<br>
<h3>Farve</h3>
    <p></p>

 <div class="btn-group" data-toggle="buttons">
<button type="button" class="btn btn-primary">
<input type="checkbox" name='Farve[]' value="Sort" id="Sort">Sort</button>

<button type="button" class="btn btn-primary">
<input type="checkbox" name='Farve[]' value="Sølv" id="Sølv">Sølv</button>
    
<button type="button" class="btn btn-primary">
<input type="checkbox" name='Farve[]' value="Grå" id="Grå">Grå</button>

<button type="button" class="btn btn-primary">
<input type="checkbox" name='Farve[]' value="Champagne" id="Champagne">Champagne</button>

 </div>


    </div>    </div>
<br><br>
<div class="row row-centered">
<div class="col-md-12 col-s-12 col-centered signup">
<div class="item"><div class="content">
<h2>Skriv <strong>mig</strong> op!</h2>
<input type='text' name='name' placeholder="Navn"/>
<br><br>
<input type='text' name='email' placeholder="Email"/>

<br><br><strong><input type='submit' class="btn btn-danger" name='Submit' value='Send' /></strong>
</div></div>
</form>

但现在我需要将 buttons/checkboxes 插入到 MySQL 数据库中。为此，我创建了一个新问题：Insert values of multiple checkboxes into MySQL database

PHP 具有多个 checkboxes/Bootstrap 按钮的表单

PHP form with multiple checkboxes/Bootstrap buttons

php

forms

checkbox

button

twitter-bootstrap