当我点击 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>