麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

Jquery實現(xiàn)點擊按鈕,連續(xù)地向textarea中添加值的實例代碼

2019-11-20 20:58:16
字體：大 中 小
供稿：網(wǎng)友

代碼如下：

復(fù)制代碼 代碼如下:

<%@ page language="java" contentType="text/html; charset=gbk"
    pageEncoding="gbk"%>
    <%@ include file="/pages/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="jquery-1.4.js"></script>

<script type="text/javascript">

   $(document).ready(function(){
        $("input[id^='buttonValidate']").click(function(){  //當(dāng)點擊所有的id中包含'buttonValidate'的input標簽時，執(zhí)行函數(shù)
         var btnVal=$.trim($(this).val());//trim函數(shù)，去掉空格
         var str = $('#textareaValidate').val() + btnVal;//
         $('#textareaValidate').val(str);//
        });
   });
</script>

<title>Insert title here</title>

</head>
<body>
<form  id="form1" name="form1" action="" method="post">
<table  id ="table1" class="base_table" cellspacing="0"  border="1" style="border-collapse: collapse">

 <tr>
  <td >

  <textarea cols="75" rows="5" id="textareaValidate"></textarea>
  </td>
 </tr>
 <tr id="tr1">
  <td>
  <input id="buttonValidate1" type="button" value=" + "/>
  <input id="buttonValidate2" type="button" value=" - "/>
  <input id="buttonValidate3" type="button" value=" * "/>
  <input id="buttonValidate4" type="button" value=" / "/>    
  <input id="buttonValidate5" type="button" value=" ! "/>
  <input id="buttonValidate6" type="button" value=" = "/>
  <input id="buttonValidate7" type="button" value=" < "/>
  <input id="buttonValidate8" type="button" value=" > "/>     
  <input id="buttonValidate9" type="button" value=" & "/>
  <input id="buttonValidate10" type="button" value=" | "/>
  <input id="buttonValidate11" type="button" value=" ( "/>
  <input id="buttonValidate12" type="button" value=" ) "/>
  </td>
 </tr>
</table>
</form>
</body>
</html>


以上實現(xiàn)的功能：點擊+，則把+添加到textarea中，點擊-，則把-添加到textarea中；

如圖：

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 免费激情网站 | 羞羞视频一区 | 369看片你懂的小视频在线观看 | 草久影视| 黄色片在线播放 | 精品亚洲一区二区 | 人人舔人人舔 | 国产91丝袜在线播放 | 国产色片在线观看 | 久久久三级免费电影 | 在线播放免费视频 | 日韩精品免费看 | 国产一级免费视频 | 孕妇体内谢精满日本电影 | av免费在线观看国产 | 黑人一级片视频 | 中文字幕激情视频 | 久久久中文 | 欧美一级毛片美99毛片 | 免费看黄色一级大片 | 久久久婷婷一区二区三区不卡 | 全网免费毛片 | 禁漫天堂久久久久久久久久 | 羞羞视频2023| 国产一级做a | 亚洲午夜在线 | 法国极品成人h版 | 国产精品一区视频 | 日韩美香港a一级毛片 | 日韩毛片一区二区三区 | 成人在线观看一区二区三区 | 日本a在线观看 | 中国a毛片| 看一级毛片 | 99亚洲伊人久久精品影院红桃 | 精品国产91久久久久久浪潮蜜月 | 亚洲男人的天堂在线视频 | 国产一有一级毛片视频 | av国语 | 欧美成人一区免费视频 | 亚洲成人免费视频在线 |