简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> JS Tutorial> body text

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

WBOY
Release： 2016-05-16 16:56:15
Original
1233 people have browsed it

代码如下：

复制代码代码如下:

pageEncoding="gbk"%>




$(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);//
});
});

Insert title here































以上实现的功能：点击+，则把+添加到textarea中，点击-，则把-添加到textarea中；

如图：

Related labels：
textarea
source：php.cn
Previous article：Node.js中AES加密和其它语言不一致问题解决办法_javascript技巧 Next article：jquery日历控件实现方法分享_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to access $vuetify instance in setup function Is there a way to access $vuetify (and any other added globals) in the settings function? ...
From 2023-11-17 17:47:45
0
1
366
Module is not defined in Vue project I just created a new Vue application by running npmini tvue@latest as specified in the off...
From 2023-11-17 12:38:53
0
2
394
Eliminate notification in WooCommerce stating "Checkout cannot be done when cart is empty". What code should I add in functions.php to remove "Cannot checkout when cart is empty...
From 2023-11-17 11:41:02
0
1
361
How to add newline character (newline character) in XML file? I have an XML file and I want to wrap the text "Sample Text 123" like this Sampl...
From 2023-11-16 16:42:38
0
1
199
Catching Guzzle exceptions I'm trying to catch exceptions in a set of tests running on an API I'm developing, and I'm...
From 2023-11-16 14:36:03
0
12
290
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！