首页boostrpe点击一个按钮后让另一个按钮隐藏

boostrpe点击一个按钮后让另一个按钮隐藏

时间: 2023-08-29 08:04:20 浏览: 86

地级市GDP及产业结构数据-最新.zip

可以使用JavaScript来实现点击一个按钮后让另一个按钮隐藏。以下是一个简单的示例代码： ``` <!DOCTYPE html> <html> <head> <title>Hide Button Example</title>  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <script> $(document).ready(function(){ // 给第一个按钮添加点击事件 $("#btn1").click(function(){ // 隐藏第二个按钮 $("#btn2").hide(); }); }); </script> </head> <body> <div class="container"> <button id="btn1" class="btn btn-primary">点击我隐藏另一个按钮</button> <button id="btn2" class="btn btn-danger">我会被隐藏</button> </div> </body> </html> ``` 在上述代码中，我们使用jQuery选择器选中第一个按钮和第二个按钮，并在第一个按钮上添加了点击事件。当第一个按钮被点击时，我们使用jQuery的hide()方法将第二个按钮隐藏起来。

阅读全文