javascript控制多个同一类按钮

问题描述

javascript控制多个同一类按钮

HTML中有一些列会动态生成的按钮,这些按钮的是对同一个类的不同对象进行+1,-1之类的计数操作,并且每次点击按钮会将计数器内容更新到同样是一类的HTML元素内容内来显示,请问要怎样实现?

如果细节不好描述的话最好上示例代码

解决方案

$(".btn").live("click",function(){
var count = $(this).attr("count");
if(!(count>0)){
count = 0;
}
$(this).attr("count",++count);
var tag = $(this).attr("tag");
$("#show"+tag).html(count);
});
随便写了一下 不知道是不是你想要的 大致思路就是把你的计数数值、以及各个按钮所操作的不同元素,通过按钮上的attr来存储。

解决方案二:

button 外层标签用事件代理就行了

时间: 2024-09-27 09:40:06

javascript控制多个同一类按钮的相关文章

在flash中用javascript控制页面中的mediaplay

javascript|控制|页面 做了一个FLASH按钮来控制mediaplay. 以下是网页部分代码 function VolDn() { // 增音 var ps = Player.settings; if(ps.mute == true){ps.mute = false;return;} else{ if (ps.volume <= 30){ ps.volume =0;} else{ps.volume = ps.volume - 30;} } } function VolUp() { //

使用CSS和Javascript控制网页图片宽度的大小

JorWang の 小喇叭:『 最近比較忙啊,暫時不更新了,大家玩得開心點哦!O(∩_∩)O~ 』 刚刚看到两个控制网页图片宽度的大小的方法,觉得很好很方便,特此分享给大家. 第一个方法是使用CSS来实现控制大小: img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:exp

JavaScript控制table某列不显示的方法_javascript技巧

本文实例讲述了JavaScript控制table某列不显示的方法.分享给大家供大家参考.具体实现方法如下: 1.table代码 复制代码 代码如下: <table id="mytable" border="0" width="1400" align="center"    cellpadding="3" cellspacing="1" bgcolor="#dfdfdf&q

javascript 控制 html元素 显示/隐藏实现代码_javascript技巧

1.编写js函数 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script> 2. 要显示/隐藏的html元素加上 id

JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件_javascript技巧

HTML 5中的full screen,目前可以在除IE和opera外的浏览器中使用 ,有的时候用来做全屏API,游戏呀,等都很有用.先看常见的API  element.requestFullScreen()  作用:请求某个元素element全屏 Document.getElementById("myCanvas").requestFullScreen()   这里是将其中的元素ID去请求fullscreen 退出全屏   document.cancelFullScreen() Do

浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题_javascript技巧

如果你想使一个元素在全屏模式下展现 (比如说 <video>),你可以调用该元素的 requestFullscreen() 方法:这个方法在 Gecko 中的实现是 element.mozRequestFullScreen(),在 WebKit 中为 element.webkitRequestFullscreen(). 比如一个实例: var elem = document.getElementById("myvideo"); if (elem.requestFullscr

iframe里使用JavaScript控制主页转向的方法_javascript技巧

本文实例讲述了iframe里使用JavaScript控制主页转向的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码写在iframe里面,点击按钮后整个网页会转向指定的url,而不是只转iframe里的页面 <!DOCTYPE html> <html> <head> <script> function breakout() { if (window.top!=window.self) { window.top.location="tryjs

javascript控制图片播放的实现代码_javascript技巧

一般实现用鼠标控制图片的滚动效果都比较麻烦,大段大段的代码让新手头疼无从下手,下面我来写个简单的javascript控制图片滚动的效果.代码简洁明了,兼容ie.firefox和google浏览器. 分享代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

JavaScript控制网页层收起和展开效果的方法_javascript技巧

本文实例讲述了JavaScript控制网页层收起和展开效果的方法.分享给大家供大家参考.具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <meta http-equiv="pragma" content=&q