当我点击任何其他按钮，比如desi food，我的订单按钮就会被触发。

Question

每当我点击任何其他按钮，如desi食品快餐或饮料，我的订单按钮被自动点击。

我不知道这两个按钮是否有重叠，或者有什么问题，我是个新手。

 <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>

Answer 1

由于HTML5中的按钮有默认的行为，如 submit (据 W3.org)，您应该使用 type="button" 对方 buttons.

像这样。

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