Jquery實現(xiàn)點擊按鈕,連續(xù)地向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(){ //當(dāng)點擊所有的id中包含'buttonValidate'的input標(biāo)簽時，執(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中；
如圖：
- jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
- jQuery textarea的長度進(jìn)行驗證
- JQuery為textarea添加maxlength屬性的代碼
- jquery實現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
- textarea中的手動換行處理的jquery代碼
- 使用jquery給input和textarea設(shè)定ie中的focus
- jQuery替換textarea中換行的方法
- TextArea不支持maxlength的解決辦法(jquery)
- 基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識別)
- jquery實現(xiàn)限制textarea輸入字?jǐn)?shù)的方法
相關(guān)文章
本篇文章主要是對jquery選擇器之屬性過濾選擇器進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
父級以及同級元素的查找在使用過程中還是蠻頻繁的，下面為大家介紹下jQuery是如何實現(xiàn)的，感興趣的朋友可以參考下2013-09-09
ajax 登錄驗證實現(xiàn)代碼，這里用到了jquery，當(dāng)然如果不想用，可以參考腳本之前發(fā)布的文章。2009-09-09
通過jquery.cookie.js實現(xiàn)記住用戶名、密碼登錄功能
這篇文章主要介紹了通過jquery.cookie.js實現(xiàn)記住用戶名、密碼登錄功能,通過Cookies讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲存到客戶端的硬盤或內(nèi)存，從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù)；具體實現(xiàn)過程大家通過本文一起看看吧2018-06-06
jQuery模擬下拉框選擇對應(yīng)菜單的內(nèi)容
這篇文章主要介紹了jQuery模擬下拉框選擇對應(yīng)菜單的內(nèi)容,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了使用jQuery操作HTML的table表格的實例解析,包括用jQuery獲取表格總行數(shù)的小技巧,需要的朋友可以參考下2016-03-03
關(guān)于setInterval、setTimeout在jQuery中的使用注意事項
最近碰到個問題，在使用jquery寫定時器時，總是會出現(xiàn)fn不存在的錯誤提示2011-09-09
jquery parent和parents的區(qū)別分析
從字面上不難看出parent是指取得一個包含著所有匹配元素的唯一父元素的元素集合。parents則是取得一個包含著所有匹配元素的祖先元素的元素集合（不包含根元素）?？梢酝ㄟ^一個可選的表達(dá)式進(jìn)行篩選2013-10-10
用JQuery操作DOM確實很方便，并且JQuery提供了非常人性化的API應(yīng)付我們的各種需求，其中選擇器在此示例-JQuery實現(xiàn)圖片輪播效果上體現(xiàn)的尤為出色。大大簡化了js的代碼。2010-09-09
jQuery讀取和設(shè)定KindEditor值的方法
這篇文章主要介紹了jQuery讀取和設(shè)定KindEditor值的方法，大家參考使用吧2013-11-11