javascript 多个onclick function 取对应值

方法1: 直接获取值

<button onclick="aa(1)">执行</button>

<button onclick="aa(2)">执行</button>

<button onclick="aa(3)">执行</button>

<button onclick="aa(4)">执行</button>

<script>

function aa(v){  alert(v);   }

</script>

方法2:通过对应value取值 (主要是this的用法)

<button value="1" onclick="aa(this)">执行</button>

<button value="2" onclick="aa(this)">执行</button>

<button value="3" onclick="aa(this)">执行</button>

<button value="4" onclick="aa(this)">执行</button>

<script>

function aa(t){ alert(t.value)   }

</script>

方法3:不直接传参 event.target获取

<button value="1" onclick="">执行</button>

<button value="2" onclick="">执行</button>

<button value="3" onclick="">执行</button>

<button value="4" onclick="">执行</button>

<script>

function aa(){ alert(event.target.value)  }

</script>

时间: 2024-10-29 19:13:43

javascript 多个onclick function 取对应值的相关文章

javascript 下拉列表 自己主动取值 无需value

<select id="applyType" name="$!{status.expression}" class="inp" onchange="receiptAddApplyType()" style="width:150px;"> #foreach($item in ${applyTypes}) <option value="$!{item.value}" #if

Javascript学习之函数(function)

在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针. 一 函数的声明方式 //1.函数声明方式 function add(num1,num2){ return num1+num2; } //2.函数表达式定义函数 var add= function(num1,num2){ // 通过变量box即可引用函数; return num1+num2; }; // 注

jquery取选中值

多选 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conte

&lt;a href=&quot;javascript:void(0)&quot; onclick=&quot;ff()&quot; &gt;&lt;/a&gt; 用法解析

javascript:void(0) 仅仅表示一个死链接 如果是个# javascript:void(#),就会出现跳到顶部的情况,搜集了一下解决方法 1:<a href="####"></a> 2:<a href="javascript:void(0)"></a> 3:<a href="javascript:void(null)"></a> 4:<a href=&qu

javascript的日期对象Date操作时间日期值

创建一个日期对象: var objDate=new Date([arguments list]); 我总结了参数形式主要有以下3种: new Date("month dd yyyy hh:mm:ss");//后面的hh:mm:ss可选(不选的话就是默认的开始时间),而且前三项的顺序可以随意,甚至各字段后面可以加逗号 new Date(yyyy,mth,dd,hh,mm,ss); //除了前两个字段(年.月字段)外,其余的都是可选的(不选的话就默认为开始的),不过,此处顺序最好别随意变换

javascript如何去掉数组中重复的值

javascript如何去掉数组中重复的值: 数组是用来组织数据的,有时候里面的数据是重复的,下面就介绍一下如何从数组中删除重复的内容. 代码实例如下: var theArray=[1,2,3,4,5,6,4,3,10]; function unique(data){ var data=data||[]; var a={}; for(var i=0;i<data.length;i++){ var v=data[i]; if(typeof(a[v])=='undefined'){ a[v]=1;

JavaScript学习笔记——js变量的布尔值

typeof(1): numbertypeof(NaN): numbertypeof(Number.MIN_VALUE): numbertypeof(Infinity): numbertypeof("123"): stringtypeof(true): booleantypeof(window): objecttypeof(Array()): objecttypeof(function(){}): functiontypeof(document): objecttypeof(null)

javascript函数的声明,及返回值

<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <!--js中声明函数的方法--> <script type="text/javascript"> //因为javascript是弱类型的语言,所以参数不需要加类型.函数的也不需要像c#那样要求所以路径都需要有返回值(这个不像c#语言,而且c#

JavaScript配合button.onclick()使用总结

Html加载顺序是从上往下加载,如果script中含有引用js脚本,则应该将此script放在head标签里面,这样可是保证此页面都可以引用js脚本内容.如果想在script中设置button.onclick()事件,则此script应放在button声明之后. 例子:index.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentTyp