【jQuery】簡單的點選刪除按鈕清空輸入框的內容
阿新 • • 發佈:2019-01-06
測試程式碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
<div class="text">
出發地:<input type="text"/>
目的地:<input type="text"/>
</div >
<input class="btn" type="button" value="X"/>
</div>
<script src="../js/jquery-1.11.3.js"></script>
<script type="text/javascript">
$(document).ready(function(e){
/*點選刪除 清空輸入框的內容*/
$('.btn').click(function(){
$('.text input' ).val('');
});
});
</script>
</body>
</html>
注意:必須引入jquery-1.11.3.js才能看到效果。