重新查询input值为空

最新推荐文章于 2022-08-31 20:57:20 发布

前端路上迷茫的小鲨鱼

最新推荐文章于 2022-08-31 20:57:20 发布

阅读量243

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/Guoyu1_/article/details/87914007

js 专栏收录该内容

83 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>  
  <meta charset="utf-8">   
  <title>Bootstrap 实例 - 面包屑导航</title>  
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">    
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>   
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
  <form class="content_form">    
     <span>111</span>   
     <input class="input1" type="text" placeholder="2018"> 
   </form> 
<!-- 模态框（Modal） -->
<button data-toggle="modal" data-target="#myModal">查&nbsp;询</button> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
   <div class="modal-dialog">     
     <div class="modal-content">                     
       <div class="modal-header" style="">                 
          <img src="image/5.jpg" style="">                   
          <p style="">查询失败</p>                  
          <div class="modal-header_a">                    
              <a href="javascript:;"  data-dismiss="modal" aria-hidden="true"  class="al">重新查询</a>                      
              <a href="javascript:;"  data-dismiss="modal" aria-hidden="true" class="close ar">取&nbsp;消</a>

          </div>
        </div>
     </div>
  </div> 
</div>


<script>
$(function () {   
 $('.al').click(function () {      
  $('.content_form input').val("");    
})
})   
 </script>
</body>
</html>