Jquery实现点击按钮,连续地向textarea中添加值的实例代码


代码如下:

复制代码 代码如下:

<%@ 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(){  //当点击所有的id中包含'buttonValidate'的input标签时,执行函数
         var btnVal=$.trim($(this).val());//trim函数,去掉空格
         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>


以上实现的功能:点击+,则把+添加到textarea中,点击-,则把-添加到textarea中;

如图:



相关阅读:
PHP中error_reporting()用法详解
Android中Glide加载库的图片缓存配置究极指南
如何调试报表插件
Js可拖拽放大的层拖动特效实现方法
基于JavaScript实现div层跟随滚动条滑动
ASP.NET MVC5网站开发之用户资料的修改和删除3(七)
php构造函数与析构函数
CSS复合选择器使用介绍
php抓取网站图片并保存的实现方法
JavaScript中实现异步编程模式的4种方法
sql server 入门语句总结
mysql(master/slave)主从复制原理及配置图文详解
table对象中的insertRow与deleteRow使用示例
Linux下用于对比文件的diff命令使用教程
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 行走在唐诗宋词里作文800字 党的群众路线学习心得 秘书室文明用语和服务忌语 趁着年轻去流浪 谈谈如何设计少先队活动方案 长江情,庐山恋 没有伞的孩子要学会奔跑 2015年演讲培训 一句话经典语录:人和人太熟,就知道刀子往哪里捅最痛 2015教育局关于优化发展环境的报告 新媳妇 简单却很有哲理,这就是人生! 青春燃烧的日子作文1200字 给我一颗种子还你一片森林 雨中走路作文 2013年11月份营销工作总结 电子钟装配大赛活动总结 兴凯湖行(六) 小乌龟的作文400字 梦中江南作文 有关摄影的唯美好句子 广场边上的大草坪上晒太阳作文 90后的这类人 我家可爱的小猫咪——思思作文500字 高考满分作文400字:谁欠谁的幸福 读《海霞传》有感1000字 二零一五年九月四号我离开了 诚信(高山美) 香薰蕊,留香与谁帧 切记!朋友间,六种忙不能帮 我是阿狸控作文300字 小学生暑假计划作文500字 三句半开场词 情人节送女生礼物大全 想你:不满调位作文600字 全镇党的十八届五中全会精神宣讲活动工作方案 入学与就业协议书 房地产销售年终工作总结范文 身边的普通人作文 《感动》读后感500字 别了,在雨中 字谜猜猜猜(曹原) 开学的打算作文 学校大扫除作文800字 商贸英语班主任工作总结 四年级爱眼护眼手抄报 温暖一生的佛理故事 柳宗元:江雪 14岁少年智斗鲨鱼(一、血腥的一幕)作文700字 我为妈妈做点事作文1000字

Copyright © 2016 phpStudy |