当我点击 desi food 等任何其他按钮时，我的订单按钮被触发

Question

当我点击任何其他按钮，如 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>

            </div>

        </div>

        <br>

    </div>

  </form>

Answer 1

由于 HTML5 中的按钮具有默认行为submit（根据W3.org），您应该type="button"在其他buttons 上使用。像这样：<button class="btn" data-toggle="collapse" data-target="#drink" type="button">DRINKS</button>