当我点击像 desi food 这样的任何其他按钮时，我的订单按钮被触发答案

【问题标题】：When i click on any other button like desi food my order button is triggered当我点击像 desi food 这样的任何其他按钮时，我的订单按钮被触发
【发布时间】：2020-09-02 15:54:41
【问题描述】：

当我点击任何其他按钮（如 desi food 快餐或饮料）时，我的订单按钮会自动点击

我不知道这两个按钮是否相互重叠，或者我是菜鸟有什么问题

 <form method="post" action="orders.php" >
      <div class="container">




      <div class="container col-sm-8">

      <h3 style="color:Purple; text-align: center; background:#A1F3B2; " > Menu: </h3> 
      <div class="container">



        <div class="list-group">

            <a href="#" class="list-group-item list-group-item-action"><button class="btn" data-toggle="collapse" data-target="#desi">Desi Food</button></a>
            <div id="desi" class="collapse" style="background-color: white;" >
              <input type="checkbox" value="haleem" name=check_list[] /> Haleem <br>
              <input type="checkbox" value="chicken karahi" name=check_list[] /> Chicken Karahi <br>
              <input type="checkbox"  value="chanay paye" name=check_list[] /> Chanay Paye <br>
              <input type="checkbox" value="sabzi" name=check_list[] /> Sabzi <br>
            </div>
            <a href="#" class="list-group-item list-group-item-action"><button class="btn" data-toggle="collapse" data-target="#fast">FAST FOOD:</button></a>
             <div id="fast" class="collapse" style="background-color: white;">
              <input type="checkbox"  value="pizza"  name=check_list[] /> Pizza<br>
              <input type="checkbox"  value="burger"name=check_list[] /> Burger<br>
              <input type="checkbox"  value="pizza cone"name=check_list[] /> Pizza Cone <br>
              <input type="checkbox"  value="Shawarma" name=check_list[]/> Shawarma <br>
            </div>
            <a href="#" class="list-group-item list-group-item-action"><button class="btn" data-toggle="collapse" data-target="#drink">DRINKS</button></a>
             <div id="drink" class="collapse" style="background-color: white;" >
              <input type="checkbox" value="coca cola"  name=check_list[]/> Coca Cola<br>
              <input type="checkbox"  value="Red Bull" name=check_list[]/> Red Bull <br>
              <input type="checkbox" value="Orange juice" name=check_list[] /> Orange Juice <br>
              <input type="checkbox"  value="Lemon Juice" name=check_list[]/> Lemon Juice <br>
            </div>
        </div>
        <br>

     <button type="submit"   class="btn-success" style=" display: flex; margin:0 auto; align-items:center;">Order</button>

    </div>

  </form>

【问题讨论】：

标签： php html button

【解决方案1】：

由于 HTML5 中的按钮具有类似 submit 的默认行为（根据 W3.org），因此您应该在其他 buttons 上使用 type="button"。

像这样：

<button class="btn" data-toggle="collapse" data-target="#drink" type="button">DRINKS</button>

【讨论】：