js批量绑定id为 click事件demo

最新推荐文章于 2023-12-28 10:21:00 发布

原创最新推荐文章于 2023-12-28 10:21:00 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

javascript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个简单的JSP页面如何通过JavaScript与jQuery库进行交互的例子。该示例展示了如何利用jQuery处理按钮点击事件并弹出警告框，同时介绍了获取当前项目的基路径的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<script language="javascript" src="<%=basePath %>js/jquery.min.js"></script>
<script language="javascript" src="<%=basePath %>js/MyQiniu.js"></script>
<title>Insert title here</title>
</head>
<body>
	<input id="11" type="button"/>
	<input id="22" type="button"/>
	<input id="33" type="button"/>
	<input id="44" type="button"/>
	<input id="55" type="button"/>
	<input id="66" type="button"/>
	<script type="text/javascript">
	uu("#11");
	uu("#22");
	uu("#33");
	uu("#44");
	uu("#55");
	</script>
</body>
</html>

MyQiniu.js

	function uu(man){
		$(man).click(function(){
			  alert(man)
			});
	}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

编码的三叔

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

SortTable.js + vxe-table 实现多条批量排序

小先生编程

06-12

1280

环境: 功能: 实现表格拖动排序，支持单条排序，多条排序实现思路: 官网只有单条排序的例子，网上也都是简单的使用，想要实现多条排序，就要结合着表格的复选框功能，在对其勾选的行统一计算！最终效果: 实现代码

Vue SSM搭建一个简单的Demo前后端分离含增删改查(CRUD)、分页、批量功能

年轻的心跳

08-10

8552

Vue SSM搭建一个简单的Demo前后端分离含增删改查(CRUD)、分页、批量功能前言最近想复习一下SSM，所以就搭建了这个小DEMO，轻车熟路，个人认为在只用到SSM框架的前提下，这样做是最简洁的搭建方式了。写这篇博客也是复习的一部分，也想收获些意料之外的XXXX。用到的技术和开发工具前端开发工具：WebStorm 开发框架：vue + axios + elementUI 包管理工具: npm 打包工具：webpack 后端开发工具：IDEA 开发框架：springMVC + spri

参与评论您还未登录，请先登录后发表或查看评论

JS批量绑定事件

aaronthon的博客

08-21

498

var a = [1,2,3,4,5] for(var j in a){ $("#" + j).click(function () { // 前提是先动态生成id是j的标签 var id_cm = $(this).attr("id"); // 注意参数要获取当前点击标签的id，不要传j，因为当点击标签时j始终是5（就是最后一个值），可以自己去验证...

js调用点击事件

东方雎的专栏

06-08

9364

只是简单地调用了btnObj的onclick所指向的方法，只是调用方法而已，并未触发事件, 一、 $("#id").onclick(); // 真正地用程序去点击按钮，触发了onclick（）事件, // 注意：隐藏之后就不行了,设定隐藏不要使用Visiable属性，使用style.display=none 二、 $("#id").click(); // 只是调用了onclic

java js id的点击事件_JavaScript中点击事件的写法

weixin_42520573的博客

02-27

2976

clickvar btn=document.getElementById('btn');第一种：btn.onclick=function(){alert('hello world');}消除事件：btn.onclick=null;//就不会弹出框了第二种：btn.addEventListener('click',function(){alert('hello world')},false);btn...

js循环添加标签并利用其id绑定点击事件

Be Like

07-29

1748

function removeAdImage(id){ console.log(id) console.log(document.getElementById(id)) var imgDiv = document.getElementById(id); imgDiv.parentNode.removeChild(imgDiv); } $('#imagess').o...

JS控件监听

CaiJin6a的博客

12-28

697

通过监听控件，进行一些对应的函数调用

【Layui表格事件监听：提升效率的10个技巧】：立即掌握表格行选择与事件绑定的秘诀

![【Layui表格事件监听：提升效率的10个技巧】：立即掌握表格行选择与事件绑定的秘诀]...特别针对事件绑定、监听技巧和进阶功能开

js表格操作，DOM实现数据动态增删查改

12-02

- 在表格容器元素上添加一个事件监听器，如`addEventListener('click')`，通过`event.target`判断哪个元素被点击，从而执行相应的操作。 8. **优化性能** - 使用`innerHTML`批量更新表格，而不是逐个单元格修改，...

jquery批量上传图片

02-27

在IT行业中，jQuery库是广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理和Ajax交互。本篇文章将深入探讨如何使用jQuery实现批量上传图片的功能，这是一个常见的需求，特别是在社交媒体平台、电商网站和...

怎么看自己qq被关联.docx

09-27

怎么看自己qq被关联.docx

jquery 根据id动态分配change,click事件等

Wx_H_的博客

11-03

5547

因工作的需要~现在要将页面的提示信息内容采用动态分配的方法(虽然不知道哪里好.感觉如果ID多的话会很卡) 但是还是完成了这个恶心的要求.. 1 321 12321321 首先先做了个demo 界面是很简单的几个input,button等框框然后写好一个js.内容为change等事件会触发的function fun

html 点击同意,一个id 绑定click事件做不同的条件判断？

weixin_35932973的博客

06-23

483

js代码://弹窗注册协议ms=window.parent.document.getElementById('inputzz1');ks=window.parent.document.getElementById('inputzz');$('#yes-agree').click(function(){console.log(ms);if(!(ms.getAttribute('checked')))...

javascript中的点击事件click的写法

清颖的博客

03-28

3991

javascript中click方法： 1.通过id获取到元素 click 通过id获取到元素 var btn=document.getElementById(“btn1”); btn.function(){ … } 2. “fun();” click （1）写在初始化函数内： window.function(){ 方法名fun=function(){ … } } (2)写在初始化函数外部 fun...

Javascript中点击（click）事件的3种写法

热门推荐

h5css3_linhuai的博客

02-20

18万+

方法一： Javascript中点击事件方法一 click var btn = document.getElementById("btn"); btn.onclick=function(){ alert("hello world"); } 消除事件：btn.onclick=null; 方法二： Javascript中点击事件方法二

sed高级命令

whl0102222的博客

08-02

2万+

sed

Ubuntu 16.04/18.04下网易云音乐无法运行的问题

shawnL1的博客

01-07

1684

注：文章来自于我的博客shawnluo.com，欢迎访问~！ Ubuntu下安装网易云音乐最新版本(目前为V1.1.0)之后，第一次使用是可以正常启动的，但是重启一次电脑之后，就发现其必须使用root权限才能运行，而且还不能关闭对应的终端，这是很麻烦的一件事，毕竟一个音乐软件获取root权限才能能运行还是非常让人无法理解的网上的解决方法我看到的基本为四类 1.为其添加沙盒模式 2.降低网...

web前端学习笔记——Day3(css)

qq_43338468的博客

05-08

1266

css：层叠样式表，用来控制网页数据的表现，可以使用网页的表现与数据内容分离一、css的四种引入方式 1、行内式行内式是在标记的style属性中设定css样式。 <p style="background-color:rebeccapurple">hello</p> 2、嵌入式嵌入式是将css样式集中写在网页的head标签对的style标签对中。格式如下： &lt...

sed命令完全攻略

m0_67900916的博客

09-15

3223

sed 是一种在线编辑器，它一次处理一行内容。处理时，把当前处理的行存储在临时缓冲区中，称为“模式空间”（pattern space），接着用sed命令处理缓冲区中的内容，处理完成后，把缓冲区的内容送往屏幕。接着处理下一行，这样不断重复，直到文件末尾。文件内容并没有改变，除非你使用重定向存储输出。Sed主要用来自动编辑一个或多个文件；简化对文件的反复操作；编写转换程序等。

jQuery 批量修改style